@charset "utf-8";
@import "all.css";
@import "iconfont.css";

/*首页*/
.flex{display: flex}
.justify-center{justify-content: center;}
/*.head .module .right2{cursor: pointer;}*/
.header_container{padding: 0 30px;box-sizing: border-box}
.header_right{position: relative}
.header_right.active .account_drop{display: block}
.header_right .has_login{display: flex;align-items: center;margin-left: auto}
.header_right .has_login .sculpture{margin-right: 5px;}
.header_right .has_login .sculpture img{width: 24px;height: 24px;border-radius: 50%;}
.header_right .has_login .down i{font-size: 12px;color: #fff}
.header_right .account_drop{position: absolute;top: 100%;right: 0;width: 264px;background-color: #ffffff;box-sizing: border-box;border-radius: 8px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);display: none;z-index: 50}
.header_right .account_drop .list{padding: 8px 24px;border-bottom: 1px solid #E8E8E8}
.header_right .account_drop .list_one{padding-top: 32px;}
.header_right .account_drop .list_one .sculpture{margin-right: 6px;}
.header_right .account_drop .list_one .sculpture img{width: 42px;height: 42px;border-radius: 50%;}
.header_right .account_drop .list_one .top{display: flex;align-items: center;}
.header_right .account_drop .list_one .title a{font-size: 16px;color: #333;line-height: 24px;font-weight: bolder}
.header_right .account_drop .list_one .uid a{font-size: 12px;color: #666666;line-height: 20px;}
.header_right .account_drop .list_one .vip{margin-top: 16px;}
.header_right .account_drop .list_one .vip a{display: flex;background-color: #FAFAFA;font-size: 12px;color: #333333;border: 1px solid #E8E8E8;border-radius: 4px;padding: 3px 0;align-items: center;justify-content: center;}
.header_right .account_drop .list_one .vip a img{margin-right: 4px;width: 16px;height: 16px;}
.header_right .account_drop .list_two{padding: 8px 0;border-bottom: 1px solid #E8E8E8;}
.header_right .account_drop .list_two:last-child{border-bottom: unset;}
.header_right .account_drop .list_two a{display: flex;align-items: center;font-size: 14px;color: #333333;padding: 10px 24px;transition: all 0.3s ease;}
.header_right .account_drop .list_two a:hover{background-color: #FAFAFA;}
.header_right .account_drop .list_two a img{margin-right: 24px;}
.header_right .account_drop .list_two a i{margin-right: 20px;}
.header_right .account_drop .list_two a:hover i{color: #8331fd;}
.footer_subscription{align-items: center;background: linear-gradient(90deg,#c5d5ff,#e2ffea 50%,#bdf3cc);display: flex;flex-wrap: wrap;justify-content: center;padding: 30px 70px;}
.footer_subscription .text_yings{font-size: 22px;font-weight: 700;line-height: 21px;color: #243238;text-align: center;margin-bottom: 20px;}
.footer_subscription .code_img img{width: 500px;display: block;margin: 0 auto;max-width: 100%;border-radius: 15px}
.footer_subscription .text_wen{font-size: 12px;line-height: 18px;text-align: center;margin-top: 20px;}

@media all and (min-width: 980px) {
    .mt50{margin-top: 50px;}
    .header{margin: 0 auto;width: 100%}
    .header_container{margin: 0 auto;width: 100%;display: flex;height: 60px;background-color: #2d394b}
    .header_left{margin: 0 auto;width: 17.708%;display: flex;justify-content: space-between;min-width: 280px}
    .header_left .header_logo{width: 23.529%;align-items: center;display: flex}
    .header_left .header_logo img{margin: 0 auto;width: 39px;}
    .header_left .header_app{width: 0;flex: 1;position: relative;}
    .header_left .header_app .cp{display: flex}
    .header_left .header_app .cp span{font-weight: 600;}
    .header_left .header_app button{width: 100%;background: #00a3ff;border-radius: 3px;color: #ffffff;margin: 10px 0;padding: 10px 16px 10px 20px;position: relative;border: none;display: flex;justify-content: space-between;cursor: pointer;outline: none}
    .header_left .header_app button:hover{background: #0d95e1;}
    .header_left .header_app .text_sycp{padding-left: 10px;font-size: 14px}
    .header_left .header_app button .icon-sanjiaoxing_shang{display: none}
    .header_left .header_app button .icon-sanjiaoxing{display: block}
    /*隐藏与显示*/
    .header_left .header_app .main_container{display: none}
    .header_left .header_app .main_container .active{display: none}
    .header_left .header_app.active .main_container{display: block}
    /*end*/
    .header_middle_null{align-items: center;display: flex;flex: 1;margin: 0 20px;}
    .header_right{margin: 0 auto;width: 29.126%;display: flex;}
    .header_right .right_orange{align-items: center;background-color: initial;border: 0;color: #b0bec5;cursor: pointer;display: flex;font-size: 14px;text-decoration: none;margin-left: auto;}
    .header_right .right_orange a{align-items: center;border-radius: 3px;color: #fff;display: flex;font-weight: 600;line-height: 40px;padding: 0 20px;background: #f3683e;}
    .header_right .right_orange a:hover{background: #fff;color: #ed5e3e;}
    .header_right .right_orange a .text_ying{margin-left: 10px}
    .header_right .right_green{align-items: center;background-color: initial;border: 0;color: #b0bec5;cursor: pointer;display: flex;font-size: 14px;padding: 20px 15px;text-decoration: none;}
    .header_right .right_green a{align-items: center;border-radius: 3px;color: #243238;display: flex;font-weight: 600;line-height: 40px;padding: 0 20px;background: white}
    .header_right .right_green a:hover{background: #31af36;color: #fff;}
    .header_right .right_green a:hover .icon-wenti-shuben:before {color: #ffffff;}
    .header_right .right_green a .text_sell{margin-left: 10px}
    .header_right .right_a{display: flex;align-items: center;}
    .header_right .right_a a{padding: 20px 15px;}
    .header_right .right_a a:hover .icon-aixin:before {color: #ffffff;}
    .header_right .right_a a:hover .icon-geren:before {color: #ffffff;}
    .header_right .right_a a:hover .icon-gouwuchekong:before {color: #ffffff;}








    /*菜单*/
    .header_left .header_app.active button{background: #38475d;padding: 10px 16px 20px 20px;margin-bottom: 0}
    .header_left .header_app.active button .icon-sanjiaoxing{display: none}
    .header_left .header_app.active button .icon-sanjiaoxing_shang{display: block}
    .header_left .header_app.active .main_container{left: 0;position: absolute;z-index: 100;top: 59px;min-width: 260px;box-shadow: 0 4px 16px #38475d66;}
    .header_left .header_app.active .main_container .uls{background: #38475d;border-bottom-left-radius: 3px;display: flex;flex-direction: column;max-height: calc(100vh - 80px);overflow-y: auto;padding: 8px 0 8px 7px;box-sizing:border-box;}
    .header_left .header_app.active .main_container .uls .lis{width: 100%;box-sizing: border-box}
    .header_left .header_app.active .main_container .uls .lis .as{border-radius: 3px 0 0 3px;line-height: 24px;min-height: 30px;padding: 0 8px 0 15px;align-items: center;color: #fff;cursor: pointer;display: flex;font-size: 14px;text-decoration: none;justify-content: space-between;}
    .header_left .header_app.active .main_container .uls .lis .as .icon-jiantou1{font-size: 16px;color: #99a6b9}
    .header_left .header_app.active .main_container .uls .lis .an{border-radius: 3px;line-height: 24px;min-height: 30px;padding: 0 8px 0 15px;align-items: center;color: #fff;cursor: pointer;display: flex;font-size: 14px;margin-left: 0;position: relative;}
    .header_left .header_app.active .main_container .uls .lis_red .an:before{background: #f9440a;border-radius: 3px;bottom: 0;content: "";left: 0;position: absolute;right: 7px;top: 0;z-index: 0;box-sizing: border-box;}
    .header_left .header_app.active .main_container .uls .lis_red,.header_left .header_app.active .main_container .uls .lis_blue{margin-top: 5px;}
    .header_left .header_app.active .main_container .uls .lis_blue .an:before{background: #00a3ff;border-radius: 3px;bottom: 0;content: "";left: 0;position: absolute;right: 7px;top: 0;z-index: 0;box-sizing: border-box;}
    .header_left .header_app.active .main_container .uls .lis .an span{z-index: 1;font-weight: 600;}
/*    二级菜单*/
    .header_left .header_app.active .main_container .uls .lis:hover .main_menu{display: grid}
    .header_left .header_app.active .main_container .main_menu{display: grid;background: #fff;border-bottom-right-radius: 3px;box-shadow: 0 4px 16px #38475d66;grid-template-columns: repeat(4,1fr);left: 100%;max-height: calc(100vh - 80px);min-height: 100%;overflow: auto;padding-right: 20px;position: absolute;top: 0;box-sizing: border-box}
    .header_left .header_app.active .main_container .main_menu{display: none}
    .header_left .header_app.active .main_container .menu{box-sizing: border-box;min-width: 248px;padding-bottom: 18px;}
    .header_left .header_app.active .main_container .menu .all_dp{padding: 30px 0 0 20px;margin-bottom: 12px;}
    .header_left .header_app.active .main_container .menu .all_dp p{color: #243238;font-weight: 700;line-height: 20px;margin-bottom: 14px;text-transform: uppercase;display: flex;font-size: 14px;}
    .header_left .header_app.active .main_container .menu .uls_dp li{margin-bottom: 12px;}
    .header_left .header_app.active .main_container .menu .uls_dp li a{cursor: pointer;display: flex;align-items: center;font-size: 14px;color: #243238;line-height: 21px;}
    .header_left .header_app.active .main_container .menu .uls_dp li.lis_dp a span.tu{background-size: contain;display: block;height: 20px;margin-right: 10px;width: 20px;}
    .header_left .header_app.active .main_container .menu .uls_dp li.ct a span.tu{background-image: url("../img/dp-img1.svg");}
    .header_left .header_app.active .main_container .menu .uls_dp li.zl a span.tu{background-image: url("../img/dp-img2.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.dn a span.tu{background-image: url("../img/dp-img3.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.pa a span.tu{background-image: url("../img/dp-img4.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.ps a span.tu{background-image: url("../img/dp-img5.svg")}

/*内容模块部分*/
    /*一级公共*/
    section{background: #f1fafe;}
    .products_block{width: 100%;margin-bottom: 60px;}
    .side_indent{width: 91.666%;margin: 0 auto}
    /*end*/
    /*二级公共*/
    .product_list{display: grid;object-fit: cover;grid-template-columns: 18% 18% 18% 18% 18%;justify-content: space-between;}
    .newlist{flex: 1;width: 0}
    article.product{background: #fff;border-radius: 3px;box-shadow: 0 2px 4px #0003;position: relative;}
    article.product .daimg{border-radius: 3px 3px 0 0;display: block;margin-bottom: 20px;overflow: hidden;position: relative;padding-bottom: 67%;}
    section.product{flex: 1;width: 0}
    article.product .daimg:before{content: none;background: linear-gradient(180deg,#24323866,#0000);bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}
    article.product .daimg:hover:before{content: "";}
    article.product .daimg span{background: #fff;border-radius: 50%;cursor: pointer;height: 48px;line-height: 48px;position: absolute;right: 10px;top: 10px;width: 48px;z-index: 2;display: none}
    article.product .daimg:hover span{display: block}
    article.product .daimg span:hover i:before{color: #f4511f;}
    article.product .daimg:hover span i{display: flex;align-items: center;justify-content: center;}
    article.product .daimg span a{display: block}
    article.product .daimg span a i{display: block}

    article.product .daimg img{object-fit: cover;width: 100%;position: absolute;}
    article.product .product_details{border-radius: 3px 3px 0 0;display: block;overflow: hidden;}
    article.product .product_details{font-size: 14px;margin: 0 20px 20px 20px;}
    article.product .product_details .product_name{display: flex;margin-bottom: 20px;}
    article.product .product_details .product_name img{height: 20px;width: 20px;margin-right: 10px;}
    article.product .product_details .product_name h3{display: flex;flex-direction: column;font-weight: 400;overflow: hidden}
    article.product .product_details .product_name a{display: block}
    article.product .product_details .product_name a span{color: #243238;display: block;font-size: 14px;font-weight: 400;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    article.product .product_details .product_name h3>span{color: #546e7a;display: block;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    article.product .product_details .product_name h3>span>span{color: #546e7a;font-weight: bold;}
    article.product .product_info .product_info_line{align-items: baseline;display: flex;justify-content: space-between;line-height: 1.5;}
    article.product .product_info .product_info_line .left{background: url(../img/side1-wujiaoxing.svg);background-repeat: space;height: 20px;margin-right: 5px;position: relative;width: 118px;}
    article.product .product_info .product_info_line .right{display: flex}
    article.product .product_info .product_info_line .right img{display: block;height: 20px;margin-left: 10px;width: 38px;}
    article.product .product_info .product_info_line .right img:before{display: block;height: 20px;margin-left: 10px;width: 42px;}
    article.product .product_info .product_info_line .r_hj{background: url(../img/side1-huojian.svg);height: 18px;position: relative;width: 18px;}
    article.product .product_info .product_info_line .r_hj:before{ content: "";background: url(../img/side1-huojian.svg);height: 18px;position: absolute;width: 18px;top: 0;opacity: .6;right: 18px;}
    article.product .product_info .product_info_line .r_hj:after{ content: "";background: url(../img/side1-huojian.svg);height: 18px;position: absolute;width: 18px;top: 0;opacity: .3;right: 36px;}
    article.product .product_info .product_info_line .product_sales{display: flex}
    article.product .product_info .product_info_line .product_sales span{color: #243238;}
    article.product .product_info .product_info_line .product_sales p{color: #78909c;margin-left: 5px}
    article.product .product_info .product_info_line .product_price{color: #243238;font-size: 20px;font-weight: 600;margin-left: 10px;}
    article.product .product_details .product_links{display: flex;margin-top: 18px;}
    article.product .product_details .product_link{flex: 1;align-items: center;border-radius: 3px;cursor: pointer;display: inline-flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;color: #ffffff}
    article.product .product_details .product_links .left{background-color: #7a929e;}
    article.product .product_details .product_links .left:hover{background-color: #607a87;}
    article.product .product_details .product_links .right{margin-left: 20px;background-color: #00a3ff;}
    article.product .product_details .product_links .right:hover{background-color: #0d95e1;}
/*    end*/


/*
    1
*/
    .search-block{background: linear-gradient(96.44deg,#c5d5ff,#e2f0ff 51.56%,#d7d4ff);}
    .plate1{padding: 50px 0 55px}
    .plate1 h1{color: #243238;font-size: 30px;line-height: 39px;margin-bottom: 10px;text-align: center}
    .plate1 p.text_mm{color: #243238;font-size: 18px;line-height: 26px;margin-bottom: 10px;text-align: center}
    .plate1 .search_container{text-align: center;margin: auto;max-width: 580px;min-height: 60px;}
    .plate1 .search_container form{display: flex;position: relative}
    .plate1 .search_container .search_form_input{background: #fff;border-radius: 5px;box-shadow: 0 7px 14px #a2a6d166;font-size: 16px;line-height: 24px;padding-bottom: 17px;padding-right: 60px;padding-top: 17px;width: 100%;padding-left: 20px;border: none;color: #243238;}
    .plate1 .search_container .search_form_button{border: none;background: #fff;cursor: pointer;height: 40px;padding: 0 10px;right: 10px;top: 10px;position: absolute;}
    .plate1 .search_categories{display: flex;flex-wrap: wrap;margin: 65px auto 0;max-width: 1200px;}
    .plate1 .search_categories a{align-items: center;color: #243238;display: flex;flex-direction: column;font-size: 16px;line-height: 22px;text-align: center;flex: 1}
    .plate1 .search_categories a span{background-size: contain;border-radius: 6px;display: inline-block;height: 50px;margin-bottom: 15px;position: relative;width: 50px;}
    .plate1 .search_categories a span.imgs1{background-image: url(../img/search-block-img.svg);}
    .plate1 .search_categories a span.imgs2{background-image: url(../img/search-block-img2.svg);}
    .plate1 .search_categories a span.imgs3{background-image: url(../img/search-block-img3.svg);}
    .plate1 .search_categories a span.imgs4{background-image: url(../img/search-block-img4.svg);}
    .plate1 .search_categories a span.imgs5{background-image: url(../img/search-block-img5.svg);}
    .plate1 .search_categories a span.imgs6{background-image: url(../img/search-block-img6.svg);}
    .plate1 .search_categories a span.imgs7{background-image: url(../img/search-block-img7.svg);}
    .plate1 .search_categories a span.imgs8{background-image: url(../img/search-block-img8.svg);}
    .plate1 .search_categories a span.imgs9{background-image: url(../img/search-block-img9.svg);}
    .plate1 .search_categories a span:after{content: "";border-radius: 6px;bottom: 0;box-shadow: 0 0 0 2px #fff;left: 0;position: absolute;right: 0;top: 0}
    .plate1 .search_categories a:hover span:after{content: "";border-radius: 6px;bottom: 0;box-shadow: 0 0 0 4px #fff;left: 0;position: absolute;right: 0;top: 0}
    /*
        2
    */
    .plate_container h2{color: #243238;font-size: 20px;line-height: 30px;margin-bottom: 10px;text-align: center}
    .plate_container p.text_mm{color: #243238;font-size: 16px;line-height: 24px;margin-bottom: 10px;text-align: center}
    .plate_container{align-items: center;display: flex;flex-direction: column;margin-bottom: 20px;position: relative;}
    .plate_container a{position: absolute;right: 0;top: 4px;align-items: center;color: #2196f3;display: flex;font-size: 16px;font-weight: 700;line-height: 24px;}
    .plate_container a:hover{color: #0d47a1;}
    .plate_container a:after{border-bottom: 1px solid;border-right: 1px solid;content: "";height: 6px;margin-left: 10px;transform: rotate(-45deg);width: 6px;box-sizing: inherit;}



    /*
        3
    */

    .plate3 .promo_container{display: block;background-color: #2196f3;overflow: hidden;padding: 0 30px;border-radius: 3px;}
    .plate3 .p_all{position: relative;max-width: 1760px;margin: 0 auto;padding: 30px 0 30px 20px;display: flex}
    .plate3 .p_all .p_left h2{font-size: 21px;line-height: 27px;color: #fff;margin-bottom: 15px;}
    .plate3 .p_all .p_left .text_erhang{display: flex;font-size: 45px;letter-spacing: -2px;color: #fff;line-height: 45px}
    .plate3 .p_all .p_left a{display: flex;flex-direction: column;justify-content: space-between;max-width: 307px;margin-right: 50px;flex-shrink: 0;color: #fff;}
    .plate3 .p_all .p_left .text_erhang strong{display: block}
    .plate3 .p_all .p_left .text_erhang .img_we{display:flex;align-items: center;height: 24px;margin-left: 8px;padding: 0 4px;border: 1px solid;border-radius: 50px;}
    .plate3 .p_all .p_left .text_erhang .img_we img{width: 50px;height: 15px;}
    .plate3 .p_all .p_left .uls{margin-bottom: 20px;}
    .plate3 .p_all .p_left .uls li{position: relative;padding-left: 15px;font-size: 18px;font-weight: 500;line-height: 1.9;}
    .plate3 .p_all .p_left .uls li:before{content: "";display:block;position: absolute;top: 10px;left: 0;height: 8px;width: 8px;border-radius: 50%;background-color: #fff;opacity: 0.6;}
    .plate3 .p_all .btn{align-items: center;border-radius: 3px;cursor: pointer;display: flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;}
    .plate3 .p_all .p_left .left_an{ height: 50px;color: #000;font-size: 18px;background: #fff;}
    .plate3 .p_all .p_left .left_an span{color: #ff5e56;font-weight: 700;}



    .plate3 .p_all .p_right{margin-left: 30px;display: grid;grid-template-columns: 23.188% 23.188% 23.188% 23.188%;justify-content: space-between;}
    .plate3 .p_all .p_right a{display: flex;flex-direction: column;justify-content: space-between;padding: 20px;border-radius: 12px;background-color: #fff;box-shadow: 0px 10px 10px rgb(0 0 0 / 15%);color: #243238;}
    .plate3 .p_all .p_right .text_tit h3{margin-bottom: 10px;font-size: 28px;line-height: 24px;white-space: nowrap;}
    .plate3 .p_all .p_right .text_tit p{margin-bottom: 20px;color: #243238;line-height: 1.5;}
    .plate3 .p_all .p_right .number_cp{margin-bottom: 15px;font-size: 20px;line-height: 22px;}
    .plate3 .p_all .p_right .number_cp span{font-size: 28px;color: #ed5e3e;font-weight: 700;}
    .plate3 .p_all .p_right .number_xz{margin-bottom: 30px;font-size: 18px;line-height: 22px;}
    .plate3 .p_all .p_right .number_xz span{font-size: 22px;color: #708996;font-weight: 700;}
    .plate3 .p_all .p_right .number_an{background-color: #00a3ff;color: #ffffff;}
    .plate3 .p_all .p_right .number_an:hover{background-color: #0d95e1;}



    article.product .product_info .product_info_line .left.kong{background: url(../img/side1-xingkong.svg);background-repeat: space;}


    .product_tabs{display: grid;grid-template-columns: 48% 48%;justify-content:space-between;grid-row-gap: 10px;margin:45px 0}
    .product_tabs .tabs_button{align-items: center;background: #fff;border: 1px solid #dde3e6;border-radius: 3px;box-sizing: border-box;color: #243238;cursor: pointer;display: flex;flex-basis: calc(20% - 10px);font-size: 14px;height: 50px;padding: 0 10px;}
    .product_tabs .tabs_button img{background-size: contain;height: 20px;margin-right: 10px;width: 20px;}
    .product_tabs .tabs_button span{font-size: 14px;color: #243238;cursor: pointer;margin-left: auto;}

    .newlist .product_tabs{display: block;justify-content:space-between;margin:45px 45px}
    .newlist .product_tabs a{margin: 15px 0}
    /*
        7
    */
    .subscription_block{background: linear-gradient(96.44deg,#c5d5ff,#e2ffea 51.56%,#bdf3cc);margin-bottom: 60px;text-align: center;}
    .subscription_content{margin: auto;max-width: 720px;padding: 50px 15px;position: relative;}
    .subscription_content h2{margin-bottom: 10px;font-size: 20px;line-height: 30px;}
    .subscription_content p.text_mm{color: #000;font-size: 16px;line-height: 19px;margin-bottom: 30px;}
    .subscription_content .forms{margin-bottom: 25px;min-height: 40px;}
    .subscription_content form{box-shadow: 0 7px 14px #a2a6d166;display: flex;position: relative;}
    .subscription_content form img{display:block;height: 20px;left: 20px;position: absolute;top: 10px;width: 20px;}
    .subscription_content form input{border-radius: 3px;box-shadow: inset 0 1px 0 0 #cfd8dc;color: #243238;font-size: 14px;line-height: 21px;width: 100%;height: 40px;padding-left: 49px;background: #fff;border: none; border-bottom-right-radius: 0;border-top-right-radius: 0;}
    .subscription_content form button.btn{flex: 0 0 260px;background-color: #00a3ff;color: #fff;display:flex;align-items: center;border-radius: 3px;cursor: pointer;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;border: none;border-bottom-left-radius: 0;border-top-left-radius: 0;}
    .subscription_content form button.btn:hover{background-color: #0d95e1;}
    .subscription_content p.text_p{color: #78909c;font-size: 14px;line-height: 16px;}
    .subscription_content p.text_p a{color: #2196f3;font-weight: 700;}
    .subscription_content p.text_p a:hover{color: #0d47a1}


/*
    8
*/

    .indent_fixed{width: 63.541%;margin: 0 auto;padding-bottom: 60px;}
    .customer_comments h2{margin-bottom: 10px;font-size: 20px;line-height: 30px;text-align: center}
    .customer_comments p.text_mm{font-size: 16px;margin: 0 auto 30px;max-width: 870px;color: #243238;text-align: center;line-height: 1.5}
    .customer_comments .two_list{display: flex}
    .customer_comments .two_list .two_bg{background-position: 100% 0;background-size: cover;border-radius: 3px;flex: 1;margin: 0 15px;padding: 16px 0 20px 28px;width: 50%;}
    .customer_comments .two_list .two_bg img{width: 100%}
    .customer_comments .two_list .green{width: 210px;display: block}
    .customer_comments .two_list .two_bg .rating{align-items: center;display: flex;margin-top: 18px;}
    .customer_comments .two_list .two_bg .rating .img_zheng{background-image: url(../img/green-zhengxing.png);    background-repeat: space;background-size: 28px;display: block;height: 28px;width: 150px;}
    .customer_comments .two_list .two_bg .rating .num{color: #fff;font-size: 25px;font-weight: 700;line-height: 22px;margin-left: 16px;}


    .description_block{padding-left: 6.55%;padding-right: 6.55%;}
    .description_block h2{margin-bottom: 40px;font-size: 20px;line-height: 30px;text-align: center}
    .description_block p.text_mm{font-size: 16px;margin-bottom: 40px;line-height: 1.5;color:#243238;}
    .description_block .text_all{display: flex;margin-bottom: 40px;}
    .description_block .text_all .text_d{display: flex;flex-basis: 50%;flex-direction: column;justify-content: center;padding-right: 20px;}
    .description_block .text_all .text_d h3{margin-bottom: 20px;font-size: 18px;line-height: 24px;color:#243238;}
    .description_block .text_all .text_d p{color: #243238;font-size: 16px;line-height: 1.5;}
    .description_block .text_all .text_d p a{color: #2196f3;font-weight: 700;}
    .description_block .text_all .text_d p a:hover{color: #0d47a1;}
    .description_block .text_all .img_d{display: flex;padding-left: 20px;flex-basis: 50%;flex-direction: column;justify-content: center;}
    .description_block .text_all .img_d img{max-width: 100%;object-fit: cover;padding: 0 80px;}
    .description_block p.text_bot{color: #243238;font-size: 16px;line-height: 1.5;margin-bottom: 40px;text-align: center}
    .description_block .text_center{text-align: center}
    .description_block .btn{display: inline-flex;align-items: center;border-radius: 3px;cursor: pointer;justify-content: center;padding: 0 20px;height: 60px;background-color: #00a3ff;color: #fff;}
    .description_block .btn:hover{background-color: #0d95e1;}





    /*
        底部
    */
    .footer{padding: 40px 80px 30px;background-color: #243238;font-size: 14px;line-height: 21px;}
    .footer .footer_all{display: flex}
    .footer .footer_desc_container{width: 23.863%;color: #b0bec5;margin-right: 11.363%;}
    .footer .footer_desc_container .footer_logo{display:block;height: 30px;margin-bottom: 10px;}
    .footer .footer_desc_container .footer_social{display: flex;margin-top: 20px;}
    .footer .footer_desc_container .footer_social a.Facebook{margin-left: 15px;}
    .footer .footer_desc_container .footer_social .Twitter span{background-image: url(../img/footer-desc.svg);display: block;height: 32px;opacity: .7;width: 32px;}
    .footer .footer_desc_container .footer_social .Twitter span:hover{opacity: 1}
    .footer .footer_desc_container .footer_social .Facebook span{background-image: url(../img/footer-desc2.svg);display: block;height: 32px;opacity: .7;width: 32px;}
    .footer .footer_desc_container .footer_social .Facebook span:hover{opacity: 1}
    .footer .footer_nav_container{width: 0;flex:1;display: grid;grid-template-columns: 23.998% 23.998% 23.998% 23.998%}
    .footer .footer_nav_container .footer_nav{display: flex;flex-direction: column}
    .footer .footer_nav_container .footer_nav a{color: #90caf9;display: block;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .footer .footer_nav_container .footer_nav a:hover{color: #bbdefb;}
    .footer .footer_nav_container .footer_nav p{color: #fff;font-weight: 700;margin-bottom: 10px;}
    .footer .footer_info{align-items: center;display: flex;font-size: 12px;justify-content: space-between;line-height: 18px;margin-top: 80px;}
    .footer .footer_info .left{color: #fff;}
    .footer .footer_info .right{color: #b0bec5;margin-left: 40px;white-space: nowrap;}



}
@media all and (max-width: 980px) {
    .header{margin: 0 auto;width: 100%}
    .header_container{margin: 0 auto;width: 100%;display: flex;height: 60px;background-color: #2d394b;justify-content: space-between}
    .header_left{display: flex;justify-content: space-between;}
    .header_left .header_logo{align-items: center;display: inline-flex;height: 60px;justify-content: center;min-width: 80px;width: 80px;}
    .header_left .header_logo img{margin: 0 auto;max-width:50px}
    .header_left .header_app{position: relative;padding: 10px}
    .header_left .header_app .cp{display: flex}
    .header_left .header_app .cp span{font-weight: 600;}
    .header_left .header_app button{background: #00a3ff;border-radius: 3px;color: #ffffff;position: relative;border: none;display: flex;justify-content: space-between;height: 100%;align-items: center;outline: none}
    .header_left .header_app .text_sycp{display: none}
    .header_left .header_app button .icon-sanjiaoxing_shang{display: none}
    .header_left .header_app button .icon-sanjiaoxing{display: block}
    /*隐藏与显示*/
    .header_left .header_app .main_container{display: none}
    .header_left .header_app .main_container .active{display: none}
    .header_left .header_app.active .main_container{display: block}
    .header_left .header_app button .icon-sanjiaoxing{font-size: 14px;}
    .header_left .header_app button i{margin-left: 10px;}
    /*end*/
    .header_middle_null{display: none}
    .header_right{display: flex;}
    .header_right .right_orange{display: none}
    .header_right .right_green{display: none}
    .header_right .right_a{display: flex;align-items: center;margin-right: 15px;}
    .header_right .right_a a{padding: 20px 15px;}

    /*菜单*/
    .header_left .header_app.active button{background: #38475d;margin-bottom: 0}
    .header_left .header_app.active button .icon-sanjiaoxing{display: none}
    .header_left .header_app.active button .icon-sanjiaoxing_shang{display: block}
    .header_left .header_app.active .main_container{left: 0;position: absolute;z-index: 100;top: 59px;min-width: 260px;box-shadow: 0 4px 16px #38475d66;}
    .header_left .header_app.active .main_container .uls{background: #38475d;border-bottom-left-radius: 3px;display: flex;flex-direction: column;max-height: calc(100vh - 80px);overflow-y: auto;padding: 8px 0 8px 7px;box-sizing:border-box;}
    .header_left .header_app.active .main_container .uls .lis{width: 100%;box-sizing: border-box}
    .header_left .header_app.active .main_container .uls .lis .as{border-radius: 3px 0 0 3px;line-height: 24px;min-height: 30px;padding: 0 8px 0 15px;align-items: center;color: #fff;cursor: pointer;display: flex;font-size: 14px;text-decoration: none;justify-content: space-between;}
    .header_left .header_app.active .main_container .uls .lis .as .icon-jiantou1{font-size: 16px;color: #99a6b9}
    .header_left .header_app.active .main_container .uls .lis .an{border-radius: 3px;line-height: 24px;min-height: 30px;padding: 0 8px 0 15px;align-items: center;color: #fff;cursor: pointer;display: flex;font-size: 14px;margin-left: 0;position: relative;}
    .header_left .header_app.active .main_container .uls .lis_red .an:before{background: #f9440a;border-radius: 3px;bottom: 0;content: "";left: 0;position: absolute;right: 7px;top: 0;z-index: 0;box-sizing: border-box;}
    .header_left .header_app.active .main_container .uls .lis_red,.header_left .header_app.active .main_container .uls .lis_blue{margin-top: 5px;}
    .header_left .header_app.active .main_container .uls .lis_blue .an:before{background: #00a3ff;border-radius: 3px;bottom: 0;content: "";left: 0;position: absolute;right: 7px;top: 0;z-index: 0;box-sizing: border-box;}
    .header_left .header_app.active .main_container .uls .lis .an span{z-index: 1;font-weight: 600;}
    /*    二级菜单*/
    .header_left .header_app.active .main_container .main_menu{display: grid;background: #fff;border-bottom-right-radius: 3px;box-shadow: 0 4px 16px #38475d66;grid-template-columns: repeat(4,1fr);left: 100%;max-height: calc(100vh - 80px);min-height: 100%;overflow: auto;padding-right: 20px;position: absolute;top: 0;box-sizing: border-box}
    .header_left .header_app.active .main_container .main_menu{display: none}
    .header_left .header_app.active .main_container .menu{box-sizing: border-box;min-width: 248px;padding-bottom: 18px;}
    .header_left .header_app.active .main_container .menu .all_dp{padding: 30px 0 0 20px;margin-bottom: 12px;}
    .header_left .header_app.active .main_container .menu .all_dp p{color: #243238;font-weight: 700;line-height: 20px;margin-bottom: 14px;text-transform: uppercase;display: flex;font-size: 14px;}
    .header_left .header_app.active .main_container .menu .uls_dp li{margin-bottom: 12px;}
    .header_left .header_app.active .main_container .menu .uls_dp li a{cursor: pointer;display: flex;align-items: center;font-size: 14px;color: #243238;line-height: 21px;}
    .header_left .header_app.active .main_container .menu .uls_dp li.lis_dp a span.tu{background-size: contain;display: block;height: 20px;margin-right: 10px;width: 20px;}
    .header_left .header_app.active .main_container .menu .uls_dp li.ct a span.tu{background-image: url("../img/dp-img1.svg");}
    .header_left .header_app.active .main_container .menu .uls_dp li.zl a span.tu{background-image: url("../img/dp-img2.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.dn a span.tu{background-image: url("../img/dp-img3.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.pa a span.tu{background-image: url("../img/dp-img4.svg")}
    .header_left .header_app.active .main_container .menu .uls_dp li.ps a span.tu{background-image: url("../img/dp-img5.svg")}

    /*内容模块部分*/
    /*一级公共*/
    section{background: #f1fafe;}
    .products_block{width: 100%;margin-bottom: 60px;}
    .side_indent{width: 91.666%;margin: 0 auto}
    /*end*/
    /*二级公共*/
    .product_list{grid-template-columns: repeat(5,minmax(270px,1fr));margin: -5px;overflow: auto;padding: 5px;grid-gap: 40px;display: grid;}
    article.product{background: #fff;border-radius: 3px;box-shadow: 0 2px 4px #0003;position: relative;}
    article.product .daimg{border-radius: 3px 3px 0 0;display: block;margin-bottom: 20px;overflow: hidden;position: relative;}
    article.product .daimg:before{content: none;background: linear-gradient(180deg,#24323866,#0000);bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}
    article.product .daimg span{background: #fff;border-radius: 50%;cursor: pointer;height: 48px;line-height: 48px;position: absolute;right: 10px;top: 10px;width: 48px;z-index: 2;display: none}
    article.product .daimg span a{display: block}
    article.product .daimg span a i{display: block}

    article.product .daimg img{object-fit: cover;width: 100%;}
    article.product .product_details{border-radius: 3px 3px 0 0;display: block;overflow: hidden;}
    article.product .product_details{font-size: 14px;margin: 0 20px 20px 20px;}
    article.product .product_details .product_name{display: flex;margin-bottom: 20px;}
    article.product .product_details .product_name img{height: 20px;width: 20px;margin-right: 10px;}
    article.product .product_details .product_name h3{display: flex;flex-direction: column;font-weight: 400;overflow: hidden}
    article.product .product_details .product_name a{display: block}
    article.product .product_details .product_name a span{color: #243238;display: block;font-size: 14px;font-weight: 400;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    article.product .product_details .product_name h3>span{color: #546e7a;display: block;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    article.product .product_details .product_name h3>span>span{color: #546e7a;font-style: italic;}
    article.product .product_info .product_info_line{align-items: baseline;display: flex;justify-content: space-between;line-height: 1.5;}
    article.product .product_info .product_info_line .left{background: url(../img/side1-wujiaoxing.svg);background-repeat: space;height: 20px;margin-right: 5px;position: relative;width: 118px;}
    article.product .product_info .product_info_line .right{display: flex}
    article.product .product_info .product_info_line .right img{display: block;height: 20px;margin-left: 10px;width: 38px;}
    article.product .product_info .product_info_line .right img:before{display: block;height: 20px;margin-left: 10px;width: 42px;}
    article.product .product_info .product_info_line .r_hj{background: url(../img/side1-huojian.svg);height: 18px;position: relative;width: 18px;}
    article.product .product_info .product_info_line .r_hj:before{ content: "";background: url(../img/side1-huojian.svg);height: 18px;position: absolute;width: 18px;top: 0;opacity: .6;right: 18px;}
    article.product .product_info .product_info_line .r_hj:after{ content: "";background: url(../img/side1-huojian.svg);height: 18px;position: absolute;width: 18px;top: 0;opacity: .3;right: 36px;}
    article.product .product_info .product_info_line .product_sales{display: flex}
    article.product .product_info .product_info_line .product_sales span{color: #243238;}
    article.product .product_info .product_info_line .product_sales p{color: #78909c;margin-left: 5px}
    article.product .product_info .product_info_line .product_price{color: #243238;font-size: 20px;font-weight: 600;margin-left: 10px;}
    article.product .product_details .product_links{display: flex;margin-top: 18px;}
    article.product .product_details .product_link{flex: 1;align-items: center;border-radius: 3px;cursor: pointer;display: inline-flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;color: #ffffff}
    article.product .product_details .product_links .left{background-color: #7a929e;}
    article.product .product_details .product_links .right{margin-left: 20px;background-color: #00a3ff;}
    /*    end*/


    /*
        1
    */
    .search-block{background: linear-gradient(96.44deg,#c5d5ff,#e2f0ff 51.56%,#d7d4ff);}
    .plate1{padding: 50px 0 55px}
    .plate1 h1{color: #243238;font-size: 24px;letter-spacing: .05em;line-height: 30px;margin-bottom: 10px;text-align: center}
    .plate1 p.text_mm{color: #243238;font-size: 18px;line-height: 26px;margin-bottom: 10px;text-align: center}
    .plate1 .search_container{text-align: center;margin: auto;max-width: 580px;min-height: 60px;}
    .plate1 .search_container form{display: flex;position: relative}
    .plate1 .search_container .search_form_input{background: #fff;border-radius: 5px;box-shadow: 0 7px 14px #a2a6d166;font-size: 16px;line-height: 24px;padding-bottom: 17px;padding-right: 60px;padding-top: 17px;width: 100%;padding-left: 20px;border: none;color: #243238;}
    .plate1 .search_container .search_form_button{border: none;background: #fff;cursor: pointer;height: 40px;padding: 0 10px;right: 10px;top: 10px;position: absolute;}
    .plate1 .search_categories{flex-wrap: wrap;margin: 50px auto 0;max-width: 1200px;display: grid;grid-template-columns: 50% 50%;}
    .plate1 .search_categories a{align-items: center;color: #243238;display: flex;flex-direction: column;font-size: 16px;line-height: 22px;text-align: center;flex: 1;margin-bottom: 30px;}
    .plate1 .search_categories a span{background-size: contain;border-radius: 6px;display: inline-block;height: 50px;margin-bottom: 15px;position: relative;width: 50px;}
    .plate1 .search_categories a span.imgs1{background-image: url(../img/search-block-img.svg);}
    .plate1 .search_categories a span.imgs2{background-image: url(../img/search-block-img2.svg);}
    .plate1 .search_categories a span.imgs3{background-image: url(../img/search-block-img3.svg);}
    .plate1 .search_categories a span.imgs4{background-image: url(../img/search-block-img4.svg);}
    .plate1 .search_categories a span.imgs5{background-image: url(../img/search-block-img5.svg);}
    .plate1 .search_categories a span.imgs6{background-image: url(../img/search-block-img6.svg);}
    .plate1 .search_categories a span.imgs7{background-image: url(../img/search-block-img7.svg);}
    .plate1 .search_categories a span.imgs8{background-image: url(../img/search-block-img8.svg);}
    .plate1 .search_categories a span.imgs9{background-image: url(../img/search-block-img9.svg);}
    .plate1 .search_categories a span:after{content: "";border-radius: 6px;bottom: 0;box-shadow: 0 0 0 2px #fff;left: 0;position: absolute;right: 0;top: 0}
    /*
        2
    */
    .plate_container h2{color: #243238;font-size: 20px;line-height: 30px;margin-bottom: 10px;text-align: center}
    .plate_container p.text_mm{color: #243238;font-size: 16px;line-height: 24px;margin-bottom: 10px;text-align: center}
    .plate_container{align-items: center;display: flex;flex-direction: column;margin-bottom: 20px;position: relative;}
    .plate_container a{align-items: center;color: #2196f3;display: flex;font-weight: 700;line-height: 24px;    margin-bottom: 20px;}
    .plate_container a:after{border-bottom: 1px solid;border-right: 1px solid;content: "";height: 6px;margin-left: 10px;transform: rotate(-45deg);width: 6px;box-sizing: inherit;}



    /*
        3
    */

    .plate3 .promo_container{padding:0 15px;display: block;width: 100%;background-color: #2196f3;overflow: hidden;border-radius: 3px;box-sizing: border-box;}
    .plate3 .p_all{position: relative;max-width: 1760px;margin: 0 auto;padding: 30px 20px;}
    .plate3 .p_all .p_left{}
    .plate3 .p_all .p_left h2{font-size: 17px;line-height: 27px;color: #fff;margin-bottom: 5px;}
    .plate3 .p_all .p_left .text_erhang{display: flex;font-size: 40px;letter-spacing: -2px;color: #fff;line-height: 45px;margin-bottom: 15px;}
    .plate3 .p_all .p_left a{display: flex;flex-direction: column;justify-content: space-between;max-width: 307px;margin-right: 50px;flex-shrink: 0;color: #fff;}
    .plate3 .p_all .p_left .text_erhang strong{display: block;padding-bottom: 10px;}
    .plate3 .p_all .p_left .text_erhang .img_we{display:flex;align-items: center;border: 3px solid;border-radius: 50px;height: 36px;padding: 0 8px;margin: 10px;}
    .plate3 .p_all .p_left .text_erhang .img_we img{width: auto;height: 16px}
    .plate3 .p_all .p_left .uls{margin-bottom: 20px;}
    .plate3 .p_all .p_left .uls li{position: relative;padding-left: 15px;font-size: 18px;font-weight: 500;line-height: 1.5;}
    .plate3 .p_all .p_left .uls li:before{content: "";display:block;position: absolute;top: 10px;left: 0;height: 8px;width: 8px;border-radius: 50%;background-color: #fff;opacity: 0.6;}
    .plate3 .p_all .btn{align-items: center;border-radius: 3px;cursor: pointer;display: flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;}
    .plate3 .p_all .p_left .left_an{ height: 50px;color: #000;font-size: 18px;background: #fff;}
    .plate3 .p_all .p_left .left_an span{color: #ff5e56;font-weight: 700;}



    .plate3 .p_all .p_right{display: none}




    /*
        4
    */

    /*
        5
    */
    article.product .product_info .product_info_line .left.kong{background: url(../img/side1-xingkong.svg);background-repeat: space;}


    /*
        6
    */
    .plate6 .product_tabs{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -5px 40px;box-sizing: inherit;}
    .plate6 .product_tabs .tabs_button{align-items: center;background: #fff;border: 1px solid #dde3e6;border-radius: 3px;box-sizing: border-box;color: #243238;cursor: pointer;display: flex;flex-basis: calc(100% - 10px);font-size: 14px;height: 50px;justify-content: center;padding: 0 10px;margin:5px}
    .plate6 .product_tabs .tabs_button img{background-size: contain;height: 20px;margin-right: 10px;width: 20px;}
    .plate6 .product_tabs .tabs_button span{font-size: 14px;color: #243238;cursor: pointer;margin-left:auto}

    /*
        7
    */
    .subscription_block{background: linear-gradient(96.44deg,#c5d5ff,#e2ffea 51.56%,#bdf3cc);margin-bottom: 60px;text-align: center;}
    .subscription_content{margin: auto;max-width: 720px;padding: 50px 15px;position: relative;}
    .subscription_content h2{margin-bottom: 10px;font-size: 20px;line-height: 30px;}
    .subscription_content p.text_mm{color: #000;font-size: 16px;line-height: 19px;margin-bottom: 30px;}
    .subscription_content .forms{margin-bottom: 25px;min-height: 40px;}
    .subscription_content form{position: relative;}
    .subscription_content form img{display:block;height: 20px;left: 20px;position: absolute;top: 10px;width: 20px;}
    .subscription_content form input{border-radius: 3px;box-shadow: inset 0 1px 0 0 #cfd8dc;color: #243238;font-size: 14px;line-height: 21px;width: 100%;height: 40px;padding-left: 49px;background: #fff;border: none; border-bottom-right-radius: 0;border-top-right-radius: 0;box-sizing: border-box;margin-bottom: 20px;}
    .subscription_content form button.btn{background-color: #00a3ff;color: #fff;display:flex;align-items: center;border-radius: 3px;cursor: pointer;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;border: none;border-bottom-left-radius: 0;border-top-left-radius: 0;width: 100%}
    .subscription_content p.text_p{color: #78909c;font-size: 14px;line-height: 16px;}
    .subscription_content p.text_p a{color: #2196f3;font-weight: 700;}


    /*
        8
    */

    .indent_fixed{margin: 0 auto;padding-bottom: 60px;}
    .customer_comments h2{margin-bottom: 10px;font-size: 20px;line-height: 30px;text-align: center}
    .customer_comments p.text_mm{font-size: 16px;margin: 0 auto 30px;max-width: 870px;color: #243238;text-align: center;line-height: 1.5}
    .customer_comments .two_list{}
    .customer_comments .two_list .two_bg{background-position: 100% 0;background-size: cover;border-radius: 3px;flex: 1;margin: 0 15px;padding: 16px 0 20px 28px;}
    .customer_comments .two_list .two_bg.left_bg{margin-bottom: 20px;}
    .customer_comments .two_list .green{width: 210px;display: block}
    .customer_comments .two_list .two_bg .rating{align-items: center;display: flex;margin-top: 18px;}
    .customer_comments .two_list .two_bg .rating .img_zheng{background-image: url(../img/green-zhengxing.png);    background-repeat: space;background-size: 28px;display: block;height: 28px;width: 150px;}
    .customer_comments .two_list .two_bg .rating .num{color: #fff;font-size: 25px;font-weight: 700;line-height: 22px;margin-left: 16px;}
    /*
        9
    */

    .description_block{padding-left: 6.55%;padding-right: 6.55%;}
    .description_block h2{margin-bottom: 40px;font-size: 20px;line-height: 30px;text-align: center}
    .description_block p.text_mm{font-size: 16px;margin-bottom: 40px;line-height: 1.5;color:#243238;}
    .description_block .text_all{margin-bottom: 40px;display: flex;flex-direction: column}
    .description_block .text_all .text_d{display: flex;flex-basis: 50%;flex-direction: column;justify-content: center;margin-bottom: 20px;order:1}
    .description_block .text_all .text_d h3{margin-bottom: 20px;font-size: 18px;line-height: 24px;color:#243238;}
    .description_block .text_all .text_d p{color: #243238;font-size: 16px;line-height: 1.5;}
    .description_block .text_all .text_d p a{color: #2196f3;font-weight: 700;}
    .description_block .text_all .img_d{display: flex;flex-basis: 50%;flex-direction: column;justify-content: center;order:2}
    .description_block .text_all .img_d img{max-width: 100%;object-fit: cover;margin-bottom: 20px;}
    .description_block p.text_bot{color: #243238;font-size: 16px;line-height: 1.5;margin-bottom: 40px;text-align: center}
    .description_block .text_center{text-align: center}
    .description_block .btn{display: inline-flex;align-items: center;border-radius: 3px;cursor: pointer;justify-content: center;padding: 0 20px;height: 60px;background-color: #00a3ff;color: #fff;}



    /*
        底部
    */
    .footer{padding: 40px 20px 30px;background-color: #243238;font-size: 14px;line-height: 21px;}
    .footer .footer_all{display: flex;flex-direction: column;}
    .footer .footer_desc_container{color: #b0bec5;order: 2;margin: 40px 0 0;max-width: none;text-align: center;}
    .footer .footer_desc_container .footer_logo{display:block;height: 30px;margin-bottom: 10px;}
    .footer .footer_desc_container .footer_logo img{margin:0 auto}
    .footer .footer_desc_container .footer_social{display: flex;margin-top: 20px;justify-content: center}
    .footer .footer_desc_container .footer_social a.Facebook{margin-left: 15px;}
    .footer .footer_desc_container .footer_social .Twitter span{background-image: url(../img/footer-desc.svg);display: block;height: 32px;opacity: .7;width: 32px;}
    .footer .footer_desc_container .footer_social .Facebook span{background-image: url(../img/footer-desc2.svg);display: block;height: 32px;opacity: .7;width: 32px;}
    .footer .footer_nav_container{width: 0;flex:1;display: grid;order: 1;grid-row-gap: 30px}
    .footer .footer_nav_container .footer_nav{display: flex;flex-direction: column}
    .footer .footer_nav_container .footer_nav a{color: #90caf9;display: block;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .footer .footer_nav_container .footer_nav p{color: #fff;font-weight: 700;margin-bottom: 10px;}
    .footer .footer_info{align-items: center;font-size: 12px;justify-content: space-between;line-height: 18px;margin-top: 40px;}
    .footer .footer_info .left{color: #fff;text-align: center;}
    .footer .footer_info .right{color: #b0bec5;white-space: nowrap;margin: 20px 0 0;text-align: center;}
}

/*列表页*/
@media all and (min-width: 980px) {
    /*二级公共*/
    /*内页标题*/
    .wy{margin-bottom: 20px;text-align: center}
    .breadcrumbs{display: flex;align-items: center;justify-content: center}
    .breadcrumbs_home{background-image: url(../img/breadcrumbs-home-img.svg);background-repeat: no-repeat;display: inline-block;height: 20px;vertical-align: middle;width: 32px;position: relative;color: #90a4ae;}
    .breadcrumbs_home:after{content: '';border-bottom: solid 1px;border-right: solid 1px;height: 6px;position: absolute;right: 0;top: 50%;transform:rotate(-45deg) translateY(-50%);width: 6px;}
    .breadcrumbs_wy{color: #90a4ae;display: inline;font-size: 12px;line-height: 20px;margin-left: 8px;position: relative;padding-right: 16px}
    .breadcrumbs_wy.wya:after{content: '';border-bottom: solid 1px;border-right: solid 1px;height: 6px;position: absolute;right: 0;top: 50%;transform:rotate(-45deg) translateY(-50%);width: 6px;}
    /*end*/
    main.content{display: flex;}
    .header_middle_null{align-items: center;display: flex;flex: 1;margin: 0 20px;}
    .header_middle_null form{align-items: center;position: relative;display: flex;width: 100%;}
    .header_middle_null form .search_form{display: flex;width: 90%;box-sizing: border-box}
    .header_middle_null form input{background: #fff;box-shadow: none;color: #243238;font-size: 16px;padding: 10px 40px 10px 20px;width: 100%;border-radius: 3px;border: 0;line-height: inherit;font-family: Arial sans-serif}
    .header_middle_null form button{background: #0000;cursor: pointer;display: inline-block;height: 40px;padding: 0 10px;position: absolute;right: 10%;top: auto;border: 0}
    .header_middle_null .yings{display: none}

    .header .inside_header{border-bottom: 1px solid #d1d8db;display: flex;justify-content: center;padding: 10px;}
    .header .inside_header a{color: #243238;font-size: 14px;font-weight: 500;line-height: 21px;margin: 0 30px;}
    .header .inside_header a:last-child{background: #f9440a;border-radius: 4% 3px 3px 0;color: #fff;max-height: 23px;padding: 0 10px 2px 3px;position: relative;}
    .header .inside_header a:last-child:before{background-image: url(../img/inside_img1.svg);background-repeat: no-repeat;bottom: 0;content: "";left: -13px;position: absolute;right: 0;top: -18px;z-index: -1;}


    /*侧边栏*/
    .sidebar{background: #fff;box-shadow: 1px 0 4px #0000000d;flex: 0 0 340px;padding: 20px;width: 340px;z-index: 10;box-sizing: border-box}
    .sidebar .sidebar_block{margin-bottom: 20px;}
    .sidebar .sidebar_block p.title{color: #243238;font-size: 16px;font-weight: 700;letter-spacing: .05em;line-height: 40px;overflow: hidden;padding-right: 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;}
    .sidebar .sidebar_block p.title:after{background-image: url(../img/sidebar_img.svg);content: "";cursor: pointer;display: inline-block;height: 20px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;}
    .sidebar .sidebar_block .sidebar_list{max-height: 260px;overflow: auto;padding-right: 10px;position: relative;}
    .sidebar .sidebar_block .sidebar_list a{display: block;font-size: 14px;line-height: 31px;overflow: hidden;padding: 0 40px 0 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;color: #2196f3;}
    .sidebar .sidebar_block .sidebar_list a:before{border-bottom: 1px solid;border-right: 1px solid;content: "";display: block;height: 6px;left: 10px;position: absolute;top: 12px;transform: rotate(-45deg);width: 6px;}
    .sidebar .sidebar_block .sidebar_list a .zhengs{color: #90a4ae;font-size: 12px;font-weight: 400;line-height: 18px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .sidebar_list::-webkit-scrollbar{background-color: #e6e6e6;width: 5px;}
    .sidebar_list::-webkit-scrollbar-thumb{background-color: #b3b3b3;height: 24px;}

    .sidebar .sidebar_block .sidebar_list a.right_or_wrong{color: #243238;}
    .sidebar .sidebar_block .sidebar_list a.right_or_wrong:before{content: "";border: 2px solid;border-radius: 50%;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;display:block;position: absolute;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.right_or_wrong:hover{color: #1ab744;}
    .sidebar .sidebar_block .sidebar_list a.right_or_wrong:hover:before{color: #1ab744;}

    .sidebar .sidebar_block .sidebar_list a.zheng{color: #243238;}
    .sidebar .sidebar_block .sidebar_list a.zheng:before{content: "";border: 2px solid;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;box-sizing: border-box;border-radius: 3px}
    .sidebar .sidebar_block .sidebar_list a.zheng:hover{color: #1ab744;}
    .sidebar .sidebar_block .sidebar_list a.zheng:hover:before{color: #1ab744;}
    .sidebar .sidebar_block .sidebar_list .suoyou .btn{margin-top: 10px;width: 100%;background: #0000;border: 1px solid #2196f3;color: #2196f3;font-weight: 700;height: 40px}
    .sidebar .sidebar_block .sidebar_list a.wjx{color:#243238;display: flex;font-size: 14px;line-height: 31px;padding: 0 40px 0 30px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.wjx:before{border: 2px solid;border-radius: 50%;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating{display: block;margin-right: 10px;background: url(../img/side1-xingkong.svg);position: relative;background-repeat: space;flex-shrink: 0;height: 20px;width: 118px;top: 4px}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating .rat{display: block;height: 20px;overflow: hidden;position: relative;width: 118px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating .rat:after{background: url(../img/side1-wujiaoxing.svg);background-repeat: space;content: "";height: 20px;left: 0;position: absolute;top: 0;width: 118px;}


    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_4{width: 94px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_3{width: 70px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_2{width: 48px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_1{width: 24px;}


    .sidebar .sidebar_block .filter_form{align-items: center;display: flex;overflow: hidden;box-sizing:inherit;}
    .sidebar .sidebar_block .filter_form .filter_wrapper{flex: 1;position: relative;box-sizing: border-box}
    .sidebar .sidebar_block .filter_form .filter_wrapper:before{content: "￥";left: 20px;position: absolute;top: 46%;transform: translateY(-50%);}
    .sidebar .sidebar_block .filter_form .filter_wrapper .inputs{overflow: hidden;background-color: #eceff1;box-shadow: inset 0 1px 0 0 #cfd8dc;color: #243238;font-size: 14px;line-height: 21px;width: 100%;border: none;padding: 10px 20px 10px 50px;box-sizing: border-box}
    .sidebar .sidebar_block .filter_form .btn{margin-left: 10px;padding-left: 10px;padding-right: 10px;background: #0000;border: 1px solid #2196f3;color: #2196f3;font-weight: 700;align-items: center;cursor: pointer;display:flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;text-align: center;text-decoration: none;white-space: nowrap;}
    .sidebar .sidebar_block .filter_form .dash{background: #90a4ae;display: block;flex: 0 0 10px;height: 1px;margin: 0 5px;width: 10px;}
    /*右侧*/
    .product_list.inside_list{display: grid;object-fit: cover;grid-template-columns: 23.101% 23.101% 23.101% 23.101%;    padding-left: 40px;padding-right: 40px;grid-row-gap: 40px;margin-bottom: 40px}
    .list_page_all_right{flex: 1;min-width: 0;padding-top: 20px;}
    .list_page_all_right h1{margin-bottom: 20px;text-align: center;color: #243238;font-size: 30px;font-weight: 700;line-height: 39px;}
    .list_page_all_right h2{margin-bottom: 20px;text-align: center;color: #90a4ae;font-weight: 400;font-size: 20px;line-height: 30px;}
    .list_page_all_right .buttons{display: flex;align-items: center;justify-content: center;margin-bottom: 17px;}
    .list_page_all_right .buttons a:not(:first-of-type){margin-left: 15px}
    .list_page_all_right .shaixuan_all{display: none}
    .list_page_all_right button.paixu{display: none}

    .list_page_all_right .sorting_options{display: flex;justify-content: flex-end;margin-bottom: 40px;flex-wrap: wrap;}
    .list_page_all_right .sorting_options span{color: #455a64;display:block;font-size: 12px;font-weight: 700;letter-spacing: .1em;line-height: 20px;margin-right: 10px;white-space: nowrap;margin-top: 3px}
    .list_page_all_right .sorting_options .container{display: flex;align-items: center;margin-right: 20px}
    .list_page_all_right .sorting_options .container a{color: #2196f3;cursor: pointer;margin-right: 20px;font-size: 13px;line-height: 24px;display: block}
    .list_page_all_right .pagination{display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
    .list_page_all_right .pagination li{display: flex;align-items: center}
    .list_page_all_right .pagination li span{position: relative;color: #cfd8dc;line-height: 26px;padding: 0 9px;  text-decoration: none;}
    .list_page_all_right .pagination li span:before{content: '';border-right: 1px solid;border-top: 1px solid;height: 8px;left: 50%;position: absolute;top: 50%;width: 8px;transform: translate(-50%,-50%) rotate(-135deg);}
    .list_page_all_right .pagination li a{display: block;font-size: 15px;line-height: 26px;padding: 0 9px;text-decoration: none;color: #90a4ae;position: relative;}
    .list_page_all_right .pagination li a.wei{color:#243238;}

    .list_page_all_right .pagination li a.hou{display: block;font-size: 15px;line-height: 26px;padding: 0 9px;text-decoration: none;color:#243238;position: relative;}
    .list_page_all_right .pagination li a.hou:after{content: '';border-right: 1px solid;border-top: 1px solid;height: 8px;left: 50%;position: absolute;top: 50%;width: 8px;transform: translate(-50%,-50%) rotate(45deg);}
    .list_page_all_right .product_description_text{padding: 40px;background: #fff;font-size: 16px;line-height: 22px;color: #243238;box-sizing: border-box}
    .list_page_all_right .product_description_text h2{text-align: center;font-size: 24px;line-height: 30px;margin-bottom: 20px;color: #243238;font-weight: 700;}
    .list_page_all_right .product_description_text p{margin: 0 auto 22px;}
    .list_page_all_right .product_description_text p a{color: #2196f3;font-weight: 700;}
    .list_page_all_right .product_description_text ol{counter-reset: myCounter;margin: 0 auto 22px;}
    .list_page_all_right .product_description_text ol li{padding-left: 18px;display: block;list-style: none;margin: 0 auto 6px;text-align: left;width: 100%;position: relative;}
    .list_page_all_right .product_description_text ol li:before{color: #243238;content: counter(myCounter) ".";counter-increment: myCounter;font-size: 16px;font-weight: 700;line-height: 16px;position: absolute;left: 0;top: 3px}
    .list_page_all_right .product_description_text ul{margin: 0 auto 22px;}
    .list_page_all_right .product_description_text ul li{padding-left: 18px;display: block;list-style: none;margin: 0 auto 6px;text-align: left;width: 100%;position: relative;}
    .list_page_all_right .product_description_text ul li:before{background: #2196f3;border-radius: 50%;color: #0000;content: "";height: 6px;top: 8px;width: 6px;display: block;left: 0;position: absolute;}
    .list_page_all_right .custom_task .bottom_text h3{font-size: 20px;line-height: 26px;margin-bottom: 10px;}
}


@media (min-width: 980px) {
    .product_list{grid-template-columns:33.333% 33.333% 33.333%;margin-left: -10px;margin-right: -10px;}
    article.product{padding: 10px;margin: 10px}
    .product_list.inside_list{grid-template-columns:48% 48%}
}
@media (min-width: 1250px) {
    .product_list{grid-template-columns:25% 25% 25% 25%}
    .product_list.inside_list{grid-template-columns:32% 32% 32%}
}
@media (min-width: 1550px) {

    .product_list{grid-template-columns:20% 20% 20% 20% 20%}
    .product_list.inside_list{grid-template-columns:23.101% 23.101% 23.101% 23.101%}
}

@media (max-width: 1440px) {
    .plate3 .p_all .p_right .text_tit h3{font-size: 22px;line-height: 18px;}
    .plate3 .p_all .p_right .number_xz{font-size: 15px;}
}

@media all and (max-width: 980px) {
    /*二级公共*/
    /*内页标题*/
    .wy{margin-bottom: 20px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .breadcrumbs{display: flex;align-items: center;justify-content: center}
    .breadcrumbs_home{background-image: url(../img/breadcrumbs-home-img.svg);background-repeat: no-repeat;display: inline-block;height: 20px;vertical-align: middle;width: 32px;position: relative;color: #90a4ae;}
    .breadcrumbs_home:after{content: '';border-bottom: solid 1px;border-right: solid 1px;height: 6px;position: absolute;right: 0;top: 50%;transform:rotate(-45deg) translateY(-50%);width: 6px;}
    .breadcrumbs_wy{color: #90a4ae;display: inline;font-size: 12px;line-height: 20px;margin-left: 3px;position: relative;padding-right: 16px}
    .breadcrumbs_wy.wya:after{content: '';border-bottom: solid 1px;border-right: solid 1px;height: 6px;position: absolute;right: 0;top: 50%;transform:rotate(-45deg) translateY(-50%);width: 6px;}
    /*end*/
    main.content{display: flex;}
    .header_middle_null{display: flex;align-items: center;}
    .header_middle_null form{display: none}
    .header_middle_null .yings,
    .header .inside_header{display: none}


    /*侧边栏*/
    .sidebar{background: #fff;box-shadow: 1px 0 4px #0000000d;flex: 0 0 340px;padding: 20px;width: 340px;z-index: 10;box-sizing: border-box}
    .sidebar .sidebar_block{margin-bottom: 20px;}
    .sidebar .sidebar_block p.title{color: #243238;font-size: 16px;font-weight: 700;letter-spacing: .05em;line-height: 40px;overflow: hidden;padding-right: 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;}
    .sidebar .sidebar_block p.title:after{background-image: url(../img/sidebar_img.svg);content: "";cursor: pointer;display: inline-block;height: 20px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;}
    .sidebar .sidebar_block .sidebar_list{max-height: 180px;overflow: auto;padding-right: 10px;position: relative;}
    .sidebar .sidebar_block .sidebar_list a{display: block;font-size: 14px;line-height: 31px;overflow: hidden;padding: 0 40px 0 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;color: #2196f3;}
    .sidebar .sidebar_block .sidebar_list a:before{border-bottom: 1px solid;border-right: 1px solid;content: "";display: block;height: 6px;left: 10px;position: absolute;top: 12px;transform: rotate(-45deg);width: 6px;}
    .sidebar .sidebar_block .sidebar_list a .zhengs{color: #90a4ae;font-size: 12px;font-weight: 400;line-height: 18px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .sidebar_list::-webkit-scrollbar{background-color: #e6e6e6;width: 5px;}
    .sidebar_list::-webkit-scrollbar-thumb{background-color: #b3b3b3;height: 24px;}

    .sidebar .sidebar_block .sidebar_list a.right_or_wrong{color: #243238;}
    .sidebar .sidebar_block .sidebar_list a.right_or_wrong:before{content: "";border: 2px solid;border-radius: 50%;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;display:block;position: absolute;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.zheng{color: #243238;}
    .sidebar .sidebar_block .sidebar_list a.zheng:before{content: "";border: 2px solid;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;box-sizing: border-box;border-radius: 3px}
    .sidebar .sidebar_block .sidebar_list .suoyou .btn{margin-top: 10px;width: 100%;background: #0000;border: 1px solid #2196f3;color: #2196f3;font-weight: 700;height: 40px}
    .sidebar .sidebar_block .sidebar_list a.wjx{color:#243238;display: flex;font-size: 14px;line-height: 31px;padding: 0 40px 0 30px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.wjx:before{border: 2px solid;border-radius: 50%;color: #cfd8dc;height: 20px;left: 0;top: 50%;transform: translateY(-50%);width: 20px;box-sizing: border-box}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating{display: block;margin-right: 10px;background: url(../img/side1-xingkong.svg);position: relative;background-repeat: space;flex-shrink: 0;height: 20px;width: 118px;top: 4px}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating .rat{display: block;height: 20px;overflow: hidden;position: relative;width: 118px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating .rat:after{background: url(../img/side1-wujiaoxing.svg);background-repeat: space;content: "";height: 20px;left: 0;position: absolute;top: 0;width: 118px;}


    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_4{width: 94px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_3{width: 70px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_2{width: 48px;}
    .sidebar .sidebar_block .sidebar_list a.wjx .rating span.rating_1{width: 24px;}


    .sidebar .sidebar_block .filter_form{align-items: center;display: flex;overflow: hidden;box-sizing:inherit;}
    .sidebar .sidebar_block .filter_form .filter_wrapper{flex: 1;position: relative;box-sizing: border-box}
    .sidebar .sidebar_block .filter_form .filter_wrapper:before{content: "$";left: 20px;position: absolute;top: 46%;transform: translateY(-50%);}
    .sidebar .sidebar_block .filter_form .filter_wrapper .inputs{overflow: hidden;background-color: #eceff1;box-shadow: inset 0 1px 0 0 #cfd8dc;color: #243238;font-size: 14px;line-height: 21px;width: 100%;border: none;padding: 10px 20px 10px 50px;box-sizing: border-box}
    .sidebar .sidebar_block .filter_form .btn{margin-left: 10px;padding-left: 10px;padding-right: 10px;background: #0000;border: 1px solid #2196f3;color: #2196f3;font-weight: 700;align-items: center;cursor: pointer;display:flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;text-align: center;text-decoration: none;white-space: nowrap;}
    .sidebar .sidebar_block .filter_form .dash{background: #90a4ae;display: block;flex: 0 0 10px;height: 1px;margin: 0 5px;width: 10px;}




    .sidebar{bottom: 0;display: block;overflow: auto;position: fixed;top: 0;z-index: 100;}
    .sidebar.active{display: none}
    /*右侧*/
    .list_page_all_right .product_list{grid-template-columns: repeat(1,minmax(180px,1fr));overflow: auto;grid-gap: 40px;display: grid;margin:0;padding: 0}
    .product_list.inside_list{object-fit: cover;padding-left: 20px;padding-right: 20px;margin-bottom: 40px}
    .list_page_all_right{flex: 1;min-width: 0;padding-top: 20px;}
    .list_page_all_right h1{margin-bottom: 20px;text-align: center;color: #243238;font-size: 24px;font-weight: 700;line-height: 39px;}
    .list_page_all_right h2{margin-bottom: 20px;text-align: center;color: #90a4ae;font-weight: 400;font-size: 20px;line-height: 30px;}
    .list_page_all_right .screen_middle .all_middle{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;padding-left: 20px;padding-right: 20px;}
    .list_page_all_right .screen_middle .all_middle .shaixuan_all{padding-right: 20px;}
    .list_page_all_right .screen_middle .all_middle .paixu_all{position: relative;}
    .list_page_all_right .screen_middle .all_middle .shaixuan_all span{position: relative;}
    .list_page_all_right .screen_middle .all_middle .shaixuan_all span:after{border-bottom: 1px solid;border-right: 1px solid;content: "";height: 8px;margin-left: 16px;width: 8px;transform: rotate(-45deg);position: absolute;top:6px}
    .list_page_all_right .screen_middle .all_middle .paixu_all span{position: relative;}
    .list_page_all_right .screen_middle .all_middle .paixu_all .paixus{padding-right: 20px;}
    .list_page_all_right .screen_middle .all_middle .paixu_all span:after{border-bottom: 1px solid;border-right: 1px solid;content: "";height: 8px;margin-left: 16px;width: 8px;transform: rotate(45deg);position: absolute;top:6px}
    .list_page_all_right .screen_middle .all_middle button{align-items: center;background: #0000;color: #2196f3;cursor: pointer;display: flex;font-size: 16px;font-weight: 700;line-height: 24px;padding: 18px 20px;border: none}
    .list_page_all_right .screen_middle .all_middle button span{padding-left: 10px}



    .list_page_all_right .buttons{display: flex;align-items: center;justify-content: center;margin-bottom: 17px;}
    .list_page_all_right .buttons a:not(:first-of-type){margin-left: 15px}
    .list_page_all_right .sorting_options span{display: none}
    .list_page_all_right .sorting_options .container{background: #fff;border: 1px solid #eee;border-radius: 3px;padding: 10px;position: absolute;right: 0;z-index: 20;}
    .list_page_all_right .sorting_options .container a{font-size: 14px;line-height: 26px;position: relative;display: block;color: #2196f3;text-align: right;}
    .list_page_all_right .sorting_options .container a:first-of-type{color: #455a64;}
    .list_page_all_right .sorting_options .container{display: none}
    .list_page_all_right .sorting_options .container.active{display: block}
    .list_page_all_right .pagination{display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
    .list_page_all_right .pagination li{display: flex;align-items: center}
    .list_page_all_right .pagination li span{position: relative;color: #cfd8dc;line-height: 26px;padding: 0 9px;  text-decoration: none;}
    .list_page_all_right .pagination li span:before{content: '';border-right: 1px solid;border-top: 1px solid;height: 8px;left: 50%;position: absolute;top: 50%;width: 8px;transform: translate(-50%,-50%) rotate(-135deg);}
    .list_page_all_right .pagination li a{display: block;font-size: 15px;line-height: 26px;padding: 0 9px;text-decoration: none;color: #90a4ae;position: relative;}
    .list_page_all_right .pagination li a.wei{color:#243238;}

    .list_page_all_right .pagination li a.hou{display: block;font-size: 15px;line-height: 26px;padding: 0 9px;text-decoration: none;color:#243238;position: relative;}
    .list_page_all_right .pagination li a.hou:after{content: '';border-right: 1px solid;border-top: 1px solid;height: 8px;left: 50%;position: absolute;top: 50%;width: 8px;transform: translate(-50%,-50%) rotate(45deg);}
    .list_page_all_right .product_description_text{padding: 40px;background: #fff;font-size: 16px;line-height: 22px;color: #243238;box-sizing: border-box}
    .list_page_all_right .product_description_text h2{text-align: center;font-size: 24px;line-height: 30px;margin-bottom: 20px;color: #243238;font-weight: 700;}
    .list_page_all_right .product_description_text p{margin: 0 auto 22px;}
    .list_page_all_right .product_description_text p a{color: #2196f3;font-weight: 700;}
    .list_page_all_right .product_description_text ol{counter-reset: myCounter;margin: 0 auto 22px;}
    .list_page_all_right .product_description_text ol li{padding-left: 18px;display: block;list-style: none;margin: 0 auto 6px;text-align: left;width: 100%;position: relative;}
    .list_page_all_right .product_description_text ol li:before{color: #243238;content: counter(myCounter) ".";counter-increment: myCounter;font-size: 16px;font-weight: 700;line-height: 16px;position: absolute;left: 0;top: 3px}
    .list_page_all_right .product_description_text ul{margin: 0 auto 22px;}
    .list_page_all_right .product_description_text ul li{padding-left: 18px;display: block;list-style: none;margin: 0 auto 6px;text-align: left;width: 100%;position: relative;}
    .list_page_all_right .product_description_text ul li:before{background: #2196f3;border-radius: 50%;color: #0000;content: "";height: 6px;top: 8px;width: 6px;display: block;left: 0;position: absolute;}
    .list_page_all_right .custom_task .bottom_text h3{font-size: 20px;line-height: 26px;margin-bottom: 10px;}









}

/*详情页*/
@media all and (min-width: 980px){
    /*二级公共样式*/
    /*星星*/
    .rating{background: url(../img/side1-xingkong.svg);background-repeat: space;height: 20px;margin-right: 5px;position: relative;width: 118px;margin-top: 10px;}
    .rating span{display: block;height: 20px;overflow: hidden;position: relative;width: 118px;}
    .rating span:before{content: "";background: url(../img/side1-wujiaoxing.svg);background-repeat: space;height: 20px;left: 0;position: absolute;top: 0;width: 118px;}
    /*end*/

    .detail_page .btn{align-items: center;border-radius: 3px;cursor: pointer;display:flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;white-space: nowrap;}
    section.detail_page{flex: 1;min-width: 0;padding-top: 20px;background: #fff;}
    .details_container{width: 66.666%;margin:0 auto}
    .details_container .xq_tit{display: flex;justify-content: space-between;margin-bottom: 5px;align-items: center}
    .details_container .xq_tit h1{font-size: 30px;color: #243238;}
    .details_container .xq_tit p{font-size: 12px;color: #546e7a;font-weight: 700;}
    .details_container .xq_nav{margin-bottom: 15px;}
    .details_container .xq_nav .nav_sole{display: flex;align-items: center;border-bottom: 1px solid #d1d8db;justify-content:space-between;height: 41px}
    .nav_sole .nav_left a{border-bottom: 2px solid #0000;color: #243238;font-size: 14px;margin-right: 20px;padding: 9px 20px;white-space: nowrap;}
    .nav_sole .nav_left a.left1{border-color: #00a3ff;}
    .nav_sole .nav_left a.left2 ,.details_container .xq_nav .nav_sole .nav_left a.left3{color: #546e7a;font-weight: 600;}
    .nav_sole .nav_left a.left2:hover{border-color: #dde3e6;}
    .nav_sole .nav_left a.left3:hover{border-color: #dde3e6;}
    .nav_sole .nav_right{display: flex;font-size: 14px;}
    .nav_sole .nav_right p{display: flex;margin-right: 20px;align-items: center;color: #243238;}
    .nav_sole .nav_right p .icon-24gf-bag:before{color: #90a4ae;height: 20px;margin-right: 5px;width: 20px;}
    .details_container .xq_nav .nav_sole .nav_right p span{color: #546e7a;margin-left: 5px;}
    .details_container .xq_nav .nav_sole .nav_right a{display: flex;justify-content: flex-end;}
    .details_container .xq_nav .nav_sole .nav_right a .xing{background: url(../img/side1-xingkong.svg);background-repeat: space;height: 20px;margin-right: 5px;width: 118px;position: relative;}
    .details_container .xq_nav .nav_sole .nav_right a .xing .xings{color: #546e7a;margin-left: 5px;}
    .details_container .xq_nav .nav_sole .nav_right a .xing .xings:before{background: url("../img/side1-wujiaoxing.svg");background-repeat: space;height: 20px;margin-right: 5px;width: 118px;content: "";left: 0;position: absolute;top: 0;}
    .details_container .xq_nav .nav_sole .nav_right a>span{margin-left: 10px;color: #546e7a;}
    .details_container .xq_main{display: flex;padding-bottom: 30px;}
    .details_container .xq_main .main_body_left{width: 63.06%;overflow: hidden;}
    .details_container .xq_main .main_body_left .left_up{display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #243238;margin-bottom: 15px;}
    .details_container .xq_main .main_body_left .left_up .up_mobile{display:none}
    .details_container .xq_main .main_body_left .left_up a{display: flex;align-items: center}
    .details_container .xq_main .main_body_left .left_up .up_z{color: #243238;display: flex;margin: 10px 20px 10px 0;}
    .details_container .xq_main .main_body_left .left_up .up_z img{display:block;width: 20px;height: 20px;margin-right: 10px;}
    .details_container .xq_main .main_body_left .left_up .up_y .an{background: #00a3ff;color: #fff;font-weight: 500;width: 220px;border: 1px solid;}
    .details_container .xq_main .main_body_left .left_up .up_y .an i{margin-right: 8px;}
    .details_container .xq_main .main_body_left .left_up .up_y .an:hover{background: #0d95e1;}
    .details_container .xq_main .main_body_left .left_up .up_y .an .icon-yanjing:before{margin-right: 5px}

    .details_container .xq_main .main_body_left .left_centre{position: relative;}
    .details_container .xq_main .main_body_left .left_centre .touch{overflow: hidden;position: relative;}
    .details_container .xq_main .main_body_left .left_centre .touch:before{content: '';background-color: #000;opacity: .5;width: 100%;height: 100%;top: 0;left: 0;position: absolute;display: none}
    .details_container .xq_main .main_body_left .left_centre .touch img{width: 100%;}
    .details_container .xq_main .main_body_left .left_centre .touchs{left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);z-index: 3;display: none}
    .details_container .xq_main .main_body_left .left_centre .touchs a{background: #0000;border: 1px solid #fff;font-size: 16px;font-weight: 500;height: 50px;padding-left: 65px;padding-right: 65px;color: #ffffff}
    .details_container .xq_main .main_body_left .left_centre .touch_off{position: absolute;bottom: 25px;width: 100%;display: none;justify-content: center;}
    .details_container .xq_main .main_body_left .left_centre .touch_off .wrapper{display: flex;align-items: center;width: 80%;}
    .details_container .xq_main .main_body_left .left_centre .touch_off .wrapper div{width: 25%;position: relative;padding-bottom: 20%;margin-right: 20px}
    .details_container .xq_main .main_body_left .left_centre .touch_off .wrapper div img{width: 100%;height: 100%;position: absolute;object-fit: cover}

    .details_container .xq_main .main_body_left .left_centre:hover .touch:before{display: block}
    .details_container .xq_main .main_body_left .left_centre:hover .touchs{display: block}
    .details_container .xq_main .main_body_left .left_centre:hover .touch_off{display: flex;}
    .details_container .xq_main .main_body_left .left_centre .touchs:hover a{background: #ffffff;color: #000000}

    .details_container .xq_main .main_body_left .left_down{display: flex;align-items: center;margin-top: 15px;    justify-content: space-between;}
    .details_container .xq_main .main_body_left .left_down .tuz{display: flex;align-items: center;}
    .details_container .xq_main .main_body_left .left_down .tuz span{margin-right: 10px;color: #90a4ae;font-size: 14px;line-height: 20px;}
    .details_container .xq_main .main_body_left .left_down .tuz .buttons{display: flex}
    .details_container .xq_main .main_body_left .left_down .tuz .buttons a{display: block;margin-right: 10px;}
    .details_container .xq_main .main_body_left .left_down .icy{display: flex}

    .details_container .xq_main .main_body_right{width:0;flex: 1;margin-left: 20px;}
    .details_container .xq_main .main_body_right .one{display: flex;padding-bottom: 15px;position: relative;}
    .details_container .xq_main .main_body_right .one button{background: #0000;color: #243238;cursor: pointer;display: flex;font-size: 18px;font-weight: 700;line-height: 20px;margin-right: 40px;margin-top: 5px;text-align: left;border: 0}
    /*.details_container .xq_main .main_body_right .one button:after{border-bottom: 1px solid #546e7a;border-right: 1px solid #546e7a;content: "";display: block;height: 8px;margin-left: 16px;position: relative;top: 5px;transform: rotate(45deg);width: 8px;}*/
    .details_container .xq_main .main_body_right .one strong{display: flex;margin-left: auto;white-space: nowrap;font-size: 20px;margin-right: 5px;line-height: 20px;}
    .details_container .xq_main .main_body_right .one span{line-height: 20px;font-size: 16px;}
    .details_container .xq_main .main_body_right .vipPrice{justify-content: space-between}
    .details_container .xq_main .main_body_right .vipPrice .vipTitle{font-size: 17px;font-weight: 700;line-height: 20px;margin-left: 5px;color: #243238;margin-bottom: 5px;}
    .details_container .xq_main .main_body_right .vipPrice strong{color: red}
    .details_container .xq_main .main_body_right .vipPrice span{font-size: 14px;}
    .details_container .xq_main .main_body_right .one .priceBoxRight{display: flex;margin-left: auto;white-space: nowrap;font-size: 20px;align-items: center}

    .details_container .xq_main .main_body_right .two{margin-bottom: 15px;margin-top: 20px;}
    .details_container .xq_main .main_body_right .two .all_zy{margin-bottom: 5px;position: relative;display: flex;align-items: center}
    .details_container .xq_main .main_body_right .two .all_zy .icon-duigou:before{color: #90a4ae;font-size: 16px}
    .details_container .xq_main .main_body_right .two .text_wz{overflow: hidden;text-overflow: ellipsis;color: #455a64;font-size: 14px;line-height: 20px;}
    .details_container .xq_main .main_body_right .zhuyi .icon-zhuyi:before{margin-left: 5px;color: #8ba5af;}
    .details_container .xq_main .main_body_right .zhuyi .icon-zhuyi{font-size:22px;}
    .details_container .xq_main .main_body_right .text_yc{background-color: #546e7a;border-radius: 3px;box-shadow: 0 5px 10px #24323833;color: #fff;font-size: 14px;left: 0;line-height: 21px;margin-top: 10px;max-width: 100%;padding: 20px;position: absolute;top: 100%;white-space: normal;width: auto;z-index: 100;display: none}
    .details_container .xq_main .main_body_right .text_yc a{color: #fff;font-weight: 700;text-decoration: underline;}
    .details_container .xq_main .main_body_right .sjx{background-color: #546e7a;border-radius: 0 0 0 3px;height: 14px;margin-top: 5px;position: absolute;top: 100%;transform: rotate(-45deg);width: 14px;margin-left: 13px;display: none}
    .details_container .xq_main .main_body_right .sjx.sjx1,.details_container .xq_main .main_body_right .sjx.sjx2,.details_container .xq_main .main_body_right .sjx.sjx3{margin-left:10px;}
    .details_container .xq_main .main_body_right .zhuyi:hover .sjx{display: block}
    .details_container .xq_main .main_body_right .zhuyi:hover .text_yc{display: block}


    .details_container .xq_main .main_body_right .three{position: relative;margin-bottom: 30px;}
    .details_container .xq_main .main_body_right .three .popu{background: #fff;color: #546e7a;font-size: 14px;font-weight: 600;position: relative;display: block}
    .details_container .xq_main .main_body_right .three .popu:after{content: '';border-bottom: 1px solid #d1d8db;width: 68%;margin: auto 0;box-sizing: border-box;right: 0;top: 10px;position: absolute;}
    .details_container .xq_main .main_body_right .three .xuan:first-of-type{margin-top: 20px}
    .details_container .xq_main .main_body_right .three .xuan{display: flex;margin-bottom: 15px;position: relative;}
    .details_container .xq_main .main_body_right .three .word{color: #455a64;font-size: 14px;}
    .details_container .xq_main .main_body_right .three .jia{margin-left: auto;}
    .details_container .xq_main .main_body_right .three .jia strong{color: #f4511e;font-weight: 700;}
    .details_container .xq_main .main_body_right .three .jia strong:first-of-type{color: #78909c;font-size: 14px;margin-right: 8px;text-decoration-line: line-through;}


    .details_container .xq_main .main_body_right .four{display: flex;}
    .details_container .xq_main .main_body_right .four .left{line-height: 16px;margin-bottom: 15px;height: 50px;white-space: normal;background: #1ab744;width: 40%;color: #ffffff}
    .details_container .xq_main .main_body_right .four .left.down{background: #00a3ff;}
    .details_container .xq_main .main_body_right .four .left:hover{background: #29a12e}
    .details_container .xq_main .main_body_right .four .left.down:hover{background: #0d95e1}
    .details_container .xq_main .main_body_right .four .left i:before{color: #ffffff;margin-right: 10px;width: 20px;height: 20px}
    .details_container .xq_main .main_body_right .four .right{display: flex;justify-content: flex-end;height: 65px;width: 60%;}
    .details_container .xq_main .main_body_right .four .right .huo{background: #fff;border-radius: 0 0 3px 0;flex-shrink: 0;font-size: 14px;position: relative;width: 25%;z-index: 2;font-weight: 700;padding-bottom: 15px;display: flex;justify-content: center;align-items: center;color: #243238;}
    .details_container .xq_main .main_body_right .four .right .you{width: 0;flex: 1;font-weight: 700;padding-bottom: 15px;display: flex;justify-content: center;align-items: center;background: #e5f4fd;border-radius: 3px 3px 0 0;font-size: 16px;}
    .details_container .xq_main .main_body_right .five{background: #e5f4fd;border-radius: 3px 0 3px 3px;padding: 20px 25px 25px;position: relative;width: 100%;z-index: 1;box-sizing: border-box}
    .details_container .xq_main .main_body_right .five .download{display: flex;justify-content: center;margin-bottom: 5px;}
    .details_container .xq_main .main_body_right .five .download p{margin-left: 7px;}
    .details_container .xq_main .main_body_right .five .download span{color: #f4511e;font-weight: 700;margin-left: 7px;font-size: 16px}
    .details_container .xq_main .main_body_right .five .downloads{display: flex;justify-content: center;}
    .details_container .xq_main .main_body_right .five .downloads p{color: #455a64;display: block;font-size: 14px;margin-bottom: 15px;text-align: center;}

    .details_container .xq_main .main_body_right .five .btn{background: #ed5e3e;color: #ffffff;}
    .details_container .xq_main .main_body_right .five .btn:hover{background: #de2800;}

    .details_tu{width: 66.666%;margin: 0 auto;display: flex}
    .details_tu .left_modules{width: 63.06%;overflow: hidden;}
    .details_tu .left_modules .text_list1{margin-bottom: 60px;}
    .details_tu .left_modules .text_list1 h2{font-size: 24px;margin-bottom: 20px;}
    
    .details_tu .left_modules .text_list1 p{line-height: 2rem; margin-bottom: 15px;color:#606060}
    .details_tu .left_modules .text_list1 img{max-width: 100%;height:auto}
    .details_tu .left_modules .text_list1 ul{margin-bottom: 20px;}
    .details_tu .left_modules .text_list1 ul li{position: relative;display: block;margin: 0 auto 6px;text-align: left;width: 100%;padding-left: 18px;}
    .details_tu .left_modules .text_list1 ul li:before{content: '';position: absolute;background: #2196f3;border-radius: 50%;color: #0000;width: 6px;height: 6px;top: 8px;left: 0;}
    
    
    
     .details_tu .left_modules .text_list1 a{color:#606060}
     .details_tu .left_modules .text_list1 h2,
     .details_tu .left_modules .text_list1 h3,
     .details_tu .left_modules .text_list1 h4,
     .details_tu .left_modules .text_list1 h5{
         margin:10px 0;
         padding-bottom: 6px;
         color:#3e3c3c;
         position:relative;
         display: block;
         width: fit-content;
         /*display:inline-block*/
     }
     
     .details_tu .left_modules .text_list1 h2::after,
     .details_tu .left_modules .text_list1 h3::after,
     .details_tu .left_modules .text_list1 h4::after,
     .details_tu .left_modules .text_list1 h5::after{content:'';position:absolute;width:100%;height:2px;background-color:#00a3ff;bottom:0;left:0}
     
     .details_tu .left_modules .text_list1 h4{font-size: 20px;}
     .details_tu .left_modules .text_list1 h5{font-size: 18px;}
     
     
     .details_tu .left_modules .text_list1 li{color:#606060;line-height:2rem;display:flex}
     .details_tu .left_modules .text_list1 li bdi{background-color:#00a3ff;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:8px}
     .details_tu .left_modules .text_list1 li p{flex:1;width:0}


    .details_tu .left_modules .text_list2{margin-bottom: 60px;}
    .details_tu .left_modules .text_list2>h2{font-size: 24px;margin-bottom: 30px;text-align: center}
    .details_tu .left_modules .text_list2 .most{position: relative;}
    .details_tu .left_modules .text_list2 .most .list_middle{display: none;background: #fff;border: 1px solid #eee;border-radius: 3px;padding: 10px;position: absolute;right: 0;z-index: 20;width: 100%}
    .details_tu .left_modules .text_list2 .most .list_middle.active{display: block}
    .details_tu .left_modules .text_list2 .most .list_middle span{color: #2196f3;cursor: pointer;display: block;font-size: 14px;}
    .details_tu .left_modules .text_list2 .sort{margin-bottom: 30px;text-align: right;display: flex;justify-content: flex-end;align-items: center}
    .details_tu .left_modules .text_list2 .sort>span{font-size: 14px;font-weight: 700;line-height: 20px;margin-right: 10px;margin-top: 2px;color: #455a64;}
    .details_tu .left_modules .text_list2 .most button{display: none}
    .details_tu .left_modules .text_list2 .most>span{font-size: 14px;display: block;position: relative;color: #2196f3;cursor: pointer;padding-right: 20px}
    .details_tu .left_modules .text_list2 .most>span:after{border-bottom: 1px solid;border-right: 1px solid;content: "";display: block;height: 6px;margin-left: 10px;position: absolute;top: 5px;transform: rotate(45deg);width: 6px;right: 3px}

    .details_tu .left_modules .text_list2 .article_list ul li{border: 1px solid #dde3e6;border-radius: 3px;margin-bottom: 20px;}
    .details_tu .left_modules .text_list2 .article_list .all{padding: 20px;position: relative;}
    .details_tu .left_modules .text_list2 .article_list .article_head{display: flex;align-items: center;  justify-content: space-between;  margin-bottom: 20px; position: relative;}

    .details_tu .left_modules .text_list2 .article_list .article_head .zz{display: flex;font-size: 14px}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz span{margin-right: 5px;}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz .zuozhe{color: #243238;font-weight: 700;margin-right: 10px;}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz time{color: #546e7a;}
    .details_tu .left_modules .text_list2 .article_list .article_content{color: #243238;font-size: 14px;line-height: 20px;}
    .details_tu .left_modules .text_list2 .article_list .article_footer{display: flex;justify-content: flex-end;}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes{display: flex;}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes{align-items: center;background: #0000;color: #546e7a;display: flex;font-size: 14px;line-height: 20px;margin-left: 30px;margin-top: 20px;opacity: .6;}

    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes .icon-zan,.details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes .icon-cai{height: 20px;margin-right: 10px;width: 20px;}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes:hover span{color: #2196f3}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes:hover .icon-zan{color: #2196f3}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes:hover .icon-cai{color: #2196f3}
    .details_tu .left_modules .text_list2 .anniu{margin-top: 40px;}
    .details_tu .left_modules .text_list2 .anniu button{background-color: #00a3ff;margin: auto;color: #ffffff;border: 0}
    .details_tu .left_modules .text_list2 .anniu button:hover{background-color: #0d95e1;}



    .details_tu .left_modules .text_list3{margin-bottom: 60px;}
    .details_tu .left_modules .text_list3 h2{font-size: 24px;margin-bottom: 30px;text-align: center}
    .details_tu .left_modules .text_list3 .text .icon-message:before{height: 20px;margin-right: 10px;width: 20px;color: #2196f3}
    .details_tu .left_modules .text_list3 .text span{font-size: 14px;color: #2196f3}



    .details_tu .left_modules .text_list4{padding-bottom: 40px}
    .details_tu .left_modules .text_list4 h2{margin-bottom: 40px;font-size: 20px;text-align: center;}
    .details_tu .left_modules .text_list4 ul{display: grid;grid-template-columns: 33.3% 33.3% 33.3%;justify-content: space-between;grid-row-gap: 10px}
    .details_tu .left_modules .text_list4 ul li a{font-size: 14px;color: #2196f3;}
    .details_tu .left_modules .text_list4 ul li a:hover{color: #0d47a1}

    .details_tu .right_modules{background: #fff;border-radius: 3px 3px 0 0;margin-left: 20px;max-width: 390px;padding: 0 0 20px;width: 100%;}
    .details_tu .right_modules .zemez{margin-bottom: 20px}
    .details_tu .right_modules .zemez .zemez_nei{align-items: center;background: #fff;border: 1px solid #d1d8db;border-radius: 3px;display: flex;padding: 20px;flex-wrap: wrap;}
    .details_tu .right_modules .zemez .zemez_nei>img{margin-right: 20px;background-size: cover;border-radius: 50%;box-shadow: inset 0 0 1px 1px #24323826;display:block;height: 50px;width: 50px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming a{font-size: 18px;color: #243238;font-weight: 700;margin-right: 10px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming span{color: #546e7a;font-size: 14px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming span{color: #546e7a;font-size: 14px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_data{display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px;margin-top: 25px}
    .details_tu .right_modules .zemez .zemez_nei .nei_data .date{display:flex;align-items: center;background: #e5f4fd;border-radius: 3px;color: #243238;flex-basis: calc(50% - 8px);font-size: 16px;height: 40px;justify-content: center;line-height: 20px;margin-right: 16px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_data .date em{font-style: normal;color: #546e7a;margin-left: 5px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru{display: flex;align-items: center;margin-bottom: 25px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru img{height: 28px;width: 36px;margin-right: 10px}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru span{font-size: 16px;font-weight: 700;color: #243238;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu{display: flex;width:100%;box-sizing: border-box;flex-wrap: wrap;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu a{margin-bottom: 10px;margin-left: 5px;margin-right: 5px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu a img{width: 36px;height: 36px}


    .details_tu .right_modules .time{background: #e5f4fd;border-radius: 3px;font-size: 14px;margin-bottom: 20px;padding: 10px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .details_tu .right_modules .time p{color: #243238;margin-right: 20px;}
    .details_tu .right_modules .time p span{color: #546e7a;}


    .details_tu .right_modules .theme_all{border: 1px solid #d1d8db;border-radius: 3px;padding: 20px;}
    .details_tu .right_modules .theme_all .theme{margin-bottom: 20px;}
    .details_tu .right_modules .theme_all .theme h2{color: #243238;font-weight: 700;margin-bottom: 10px;font-size: 16px}
    .details_tu .right_modules .theme_all .theme a{color:#2196f3;margin-bottom: 10px;font-size: 16px;margin-right: 5px}
    .details_tu .right_modules .theme_all .theme a:hover{color: #1976d2;text-decoration: underline;}
    .details_tu .right_modules .theme_all .theme a.dian{width: 49%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;position: relative;padding-left: 18px;}
    .details_tu .right_modules .theme_all .theme a.dian:before{content: "";background: #2196f3;border: 1px solid #2196f3;border-radius: 50%;height: 8px;left: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 8px;}




    .detail_page .w100{width: 100%;margin:0 auto;background: #f5f7f8; padding-bottom: 40px;padding-top: 40px;}
    .detail_page .product_list{width: 66.6%;margin:0 auto;}
    .detail_page .plate_container{width: 66.6%;margin:0 auto;margin-bottom: 20px;display: flex;justify-content: space-between;flex-direction: unset;}
    .detail_page .plate_container h2{font-size: 24px}
    .detail_page article.product .daimg:hover span .icon-aixin{display: none}
    .detail_page article.product .daimg:hover span{display: none}
    .detail_page article.product .product_links{display: none;margin-top: 0px;flex-direction: column;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 125px;z-index: 2;}
    .detail_page article.product .product_link{flex: 1;align-items: center;border-radius: 3px;cursor: pointer;display: inline-flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;color: #ffffff;}
    .detail_page article.product .product_link:first-of-type{margin-bottom: 15px;}

    .detail_page article.product .product_links .left{background-color: #7a929e;}
    .detail_page article.product .product_links .left:hover{background-color: #607a87;}
    .detail_page article.product .product_links .right{margin-left: 0;background-color: #f9430a;}
    .detail_page article.product .product_links .right:hover{background-color: #de2800;}
    .detail_page article.product .daimg:hover .product_links{display: flex}


    /*悬浮导航*/
    .detail_page .Floating_navigation{display: none;width: 100%;padding: 10px 0;position: fixed;background: #fff;box-shadow: 0 5px 10px rgba(91, 83, 83, 0.07);top: 0;z-index: 99}
    .detail_page .Floating_navigation.on{display: flex}
    .detail_page .Floating_navigation .nav_sole{width: 66.6%;margin:0 auto;}
    .detail_page .Floating_navigation .nav_sole .sole{display: flex;width: 100%;margin:0 auto;justify-content: space-between;align-items: center;}
    .detail_page .Floating_navigation .nav_sole .right{display: flex;}
    .detail_page .Floating_navigation .nav_sole .right a{width: 100%;font-weight: 500;color: #ffffff}
    .detail_page .Floating_navigation .nav_sole .right a.an{background:#00a3ff;width: 230px}
    .detail_page .Floating_navigation .nav_sole .right a.an:hover{background:#0d95e1;}
    .detail_page .Floating_navigation .nav_sole .right a.left{background: #1ab744;width: 230px;margin-left: 20px;}
    .detail_page .Floating_navigation .nav_sole .right a.left:hover{background: #29a12e}
    .detail_page .Floating_navigation .nav_sole .right i:before{color: #ffffff;margin-right: 5px}
    .detail_page .Floating_navigation .nav_sole .right i:before{color: #ffffff;margin-right: 5px}

}
@media all and (max-width: 980px){
    /*二级公共样式*/
    .wy .breadcrumbs{display: unset;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    /*星星*/
    .rating{background: url(../img/side1-xingkong.svg);background-repeat: space;height: 20px;margin-right: 5px;position: relative;width: 118px;margin-bottom: 10px}
    .rating span{display: block;height: 20px;overflow: hidden;position: relative;width: 118px;}
    .rating span:before{content: "";background: url(../img/side1-wujiaoxing.svg);background-repeat: space;height: 20px;left: 0;position: absolute;top: 0;width: 118px;}
    /*end*/




    .detail_page .btn{align-items: center;border-radius: 3px;cursor: pointer;display:flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;white-space: nowrap;}
    section.detail_page{flex: 1;min-width: 0;padding-top: 20px;background: #fff;}
    .details_container{width: 89.333%;margin:0 auto}
    .details_container .xq_tit{margin-bottom: 5px;}
    .details_container .xq_tit h1{font-size: 24px;color: #243238;text-align: center;text-transform: uppercase;    margin-bottom: 15px;}
    .details_container .xq_tit p{font-size: 12px;color: #546e7a;font-weight: 700;text-align: center;margin-bottom: 15px}
    .details_container .xq_nav{margin-bottom: 15px;}
    .details_container .xq_nav .nav_sole{border-bottom: 1px solid #d1d8db;display: flex;flex-direction: column}
    .nav_sole .nav_left a{border-bottom: 2px solid #0000;color: #243238;font-size: 14px;padding: 9px 20px;white-space: nowrap;}
    .nav_sole .nav_left a.left1{border-color: #00a3ff;}
    .nav_sole .nav_left a.left2 span,.nav_sole .nav_left a.left3 span{display: none}
    .nav_sole .nav_left{display: flex;font-size: 14px;order: 2;justify-content: center}
    .nav_sole .nav_right{display: flex;font-size: 14px;order:1;justify-content:center;margin-bottom: 20px}
    .nav_sole .nav_right p{display: flex;margin-right: 20px;align-items: center;color: #243238;font-size: 0}
    .nav_sole .nav_right p .icon-24gf-bag:before{color: #90a4ae;height: 20px;margin-right: 5px;width: 20px;}
    .details_container .xq_nav .nav_sole .nav_right p span{color: #546e7a;margin-left: 5px;font-size: 14px}
    .details_container .xq_nav .nav_sole .nav_right a{display: flex;justify-content: flex-end;}
    .details_container .xq_nav .nav_sole .nav_right a .xing{background: url(../img/side1-xingkong.svg);background-repeat: space;height: 20px;margin-right: 5px;width: 118px;position: relative;}
    .details_container .xq_nav .nav_sole .nav_right a .xing .xings{color: #546e7a;margin-left: 5px;}
    .details_container .xq_nav .nav_sole .nav_right a .xing .xings:before{background: url("../img/side1-wujiaoxing.svg");background-repeat: space;height: 20px;margin-right: 5px;width: 118px;content: "";left: 0;position: absolute;top: 0;}
    .details_container .xq_nav .nav_sole .nav_right a>span{margin-left: 10px;color: #546e7a;}
    .details_container .xq_main{padding-bottom: 30px;}
    .details_container .xq_main .main_body_left{overflow: hidden;}
    .details_container .xq_main .main_body_left .left_up{display: flex;align-items: center;font-size: 14px;color: #243238;margin-bottom: 15px;flex-direction: column}
    .details_container .xq_main .main_body_left .left_up .up_mobile{background: #fff;border: 1px solid;color: #4697ec;font-weight: 500;}
    .details_container .xq_main .main_body_left .left_up a{display: flex;align-items: center}
    .details_container .xq_main .main_body_left .left_up .up_z{color: #243238;display: flex;margin: 10px 20px 20px 0;}
    .details_container .xq_main .main_body_left .left_up .up_z img{display:block;width: 20px;height: 20px;margin-right: 10px;}
    .details_container .xq_main .main_body_left .left_up .up_y{width: 100%}
    .details_container .xq_main .main_body_left .left_up .up_y .an{background: #00a3ff;color: #fff;font-weight: 500;border: 1px solid;width: 100%;padding: unset;margin-top: 10px}
    .details_container .xq_main .main_body_left .left_up .up_y .an .icon-yanjing:before{margin-right: 5px}



    .details_container .xq_main .main_body_left .left_centre{position: relative;}
    .details_container .xq_main .main_body_left .left_centre .touch{overflow: hidden;position: relative;}
    .details_container .xq_main .main_body_left .left_centre .touch:before{content: '';background-color: #000;opacity: .5;width: 100%;height: 100%;top: 0;left: 0;position: absolute;display: none}
    .details_container .xq_main .main_body_left .left_centre .touch img{width: 100%;}
    .details_container .xq_main .main_body_left .left_centre .touchs{left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);z-index: 3;display: none}
    .details_container .xq_main .main_body_left .left_centre .touchs a{background: #0000;border: 1px solid #fff;font-size: 16px;font-weight: 500;height: 50px;padding-left: 65px;padding-right: 65px;color: #ffffff}
    .details_container .xq_main .main_body_left .left_centre .touch_off{position: absolute;bottom: 25px;width: 100%;display: none;justify-content: center;}
    .details_container .xq_main .main_body_left .left_centre .touch_off .wrapper{display: flex;align-items: center;justify-content: space-between;width: 80%;}

    .details_container .xq_main .main_body_left .left_down{display: flex;align-items: center;margin-top: 15px;    justify-content: space-between;}
    .details_container .xq_main .main_body_left .left_down .tuz{display: flex;align-items: center;}
    .details_container .xq_main .main_body_left .left_down .tuz span{margin-right: 10px;color: #90a4ae;font-size: 14px;line-height: 20px;}
    .details_container .xq_main .main_body_left .left_down .tuz .buttons{display: flex}
    .details_container .xq_main .main_body_left .left_down .tuz .buttons a{display: block;margin-right: 10px;}
    .details_container .xq_main .main_body_left .left_down .icy{display: flex}







    .details_container .xq_main .main_body_right{padding-top: 25px;}
    .details_container .xq_main .main_body_right .one{display: flex;padding-bottom: 15px;position: relative;}
    .details_container .xq_main .main_body_right .one button{background: #0000;color: #243238;cursor: pointer;display: flex;font-size: 18px;font-weight: 700;line-height: 20px;margin-right: 40px;margin-top: 5px;text-align: left;border: 0}
    .details_container .xq_main .main_body_right .one button:after{border-bottom: 1px solid #546e7a;border-right: 1px solid #546e7a;content: "";display: block;height: 8px;margin-left: 16px;position: relative;top: 5px;transform: rotate(45deg);width: 8px;}
    .details_container .xq_main .main_body_right .one strong{display: flex;margin-left: auto;white-space: nowrap;font-size: 20px}
    .details_container .xq_main .main_body_right .one .false{background: #fff;border-radius: 3px;box-shadow: 0 4px 16px #38475d66;left: 0;padding: 10px;position: absolute;right: 0;top: 100%;z-index: 51;font-size: 20px;display: none}
    .details_container .xq_main .main_body_right .one .false .item{display: flex;align-items: center;cursor: pointer;flex-wrap: wrap;padding: 10px;position: relative;}
    .details_container .xq_main .main_body_right .one .false .item:first-of-type{margin-bottom: 20px;}
    .details_container .xq_main .main_body_right .one .false .item:first-of-type:before{content: "";border-bottom: 1px solid #d1d8db;bottom: -11px;left: 20px;position: absolute;right: 20px;}
    .details_container .xq_main .main_body_right .one .false .item i{color: #243238;font-size: 18px;font-weight: 700;line-height: 24px;font-style: normal}
    .details_container .xq_main .main_body_right .one .false .item strong{color: #243238;display: block;line-height: 18px;font-size: 20px}
    .details_container .xq_main .main_body_right .one .false .item span{color: #243238;flex-grow: 1;font-size: 14px;line-height: 20px;margin-top: 10px;width: 100%;}


    .details_container .xq_main .main_body_right .two{margin-bottom: 15px}
    .details_container .xq_main .main_body_right .two .all_zy{margin-bottom: 5px;position: relative}
    .details_container .xq_main .main_body_right .two .all_zy .icon-duigou:before{color: #90a4ae;font-size: 16px}
    .details_container .xq_main .main_body_right .two .text_wz{overflow: hidden;text-overflow: ellipsis;color: #455a64;font-size: 14px;line-height: 20px;}
    .details_container .xq_main .main_body_right .zhuyi .text_yc{}
    .details_container .xq_main .main_body_right .zhuyi .icon-zhuyi:before{margin-left: 5px;color: #8ba5af;}
    .details_container .xq_main .main_body_right .zhuyi .icon-zhuyi{font-size:22px;}
    .details_container .xq_main .main_body_right .text_yc{background-color: #546e7a;border-radius: 3px;box-shadow: 0 5px 10px #24323833;color: #fff;font-size: 14px;left: 0;line-height: 21px;margin-top: 10px;max-width: 100%;padding: 20px;position: absolute;top: 100%;white-space: normal;width: auto;z-index: 100;display: none}
    .details_container .xq_main .main_body_right .text_yc a{color: #fff;font-weight: 700;text-decoration: underline;}
    .details_container .xq_main .main_body_right .sjx{background-color: #546e7a;border-radius: 0 0 0 3px;height: 14px;margin-top: 5px;position: absolute;top: 100%;transform: rotate(-45deg);width: 14px;margin-left: 173px;display: none}
    .details_container .xq_main .main_body_right .sjx.sjx1,.details_container .xq_main .main_body_right .sjx.sjx2,.details_container .xq_main .main_body_right .sjx.sjx3{margin-left:10px;}

    .details_container .xq_main .main_body_right .three{position: relative;margin-bottom: 30px;}
    .details_container .xq_main .main_body_right .three .popu{background: #fff;color: #546e7a;font-size: 14px;font-weight: 600;position: relative;display: block}
    .details_container .xq_main .main_body_right .three .popu:after{content: '';border-bottom: 1px solid #d1d8db;width: 60%;margin: auto 0;box-sizing: border-box;right: 0;top: 10px;position: absolute;}
    .details_container .xq_main .main_body_right .three .xuan:first-of-type{margin-top: 20px}
    .details_container .xq_main .main_body_right .three .xuan{display: flex;margin-bottom: 15px;position: relative;}
    .details_container .xq_main .main_body_right .three .word{color: #455a64;font-size: 14px;}
    .details_container .xq_main .main_body_right .three .jia{margin-left: auto;}
    .details_container .xq_main .main_body_right .three .jia strong{color: #f4511e;font-weight: 700;}
    .details_container .xq_main .main_body_right .three .jia strong:first-of-type{color: #78909c;font-size: 14px;margin-right: 8px;text-decoration-line: line-through;}


    .details_container .xq_main .main_body_right .four .left{line-height: 16px;margin-bottom: 15px;height: 50px;white-space: normal;background: #1ab744;width: 100%;color: #ffffff;padding: unset}
    .details_container .xq_main .main_body_right .four .left.down{background: #00a3ff;}
    .details_container .xq_main .main_body_right .four .left .icon-gouwuchekong:before{color: #ffffff;margin-right: 10px;width: 20px;height: 20px}
    .details_container .xq_main .main_body_right .four .right{display: flex;justify-content: flex-end;height: 65px;}
    .details_container .xq_main .main_body_right .four .right .huo{background: #fff;border-radius: 0 0 3px 0;flex-shrink: 0;font-size: 14px;position: relative;width: 25%;z-index: 2;font-weight: 700;padding-bottom: 15px;display: flex;justify-content: center;align-items: center;color: #243238;}
    .details_container .xq_main .main_body_right .four .right .you{width: 0;flex: 1;font-weight: 700;padding-bottom: 15px;display: flex;justify-content: center;align-items: center;background: #e5f4fd;border-radius: 3px 3px 0 0;font-size: 16px;}
    .details_container .xq_main .main_body_right .five{background: #e5f4fd;border-radius: 3px 0 3px 3px;padding: 20px 25px 25px;position: relative;width: 100%;z-index: 1;box-sizing: border-box}
    .details_container .xq_main .main_body_right .five .download{display: flex;justify-content: center;margin-bottom: 5px;}
    .details_container .xq_main .main_body_right .five .download p{margin-left: 7px;}
    .details_container .xq_main .main_body_right .five .download span{color: #f4511e;font-weight: 700;margin-left: 7px;font-size: 16px}
    .details_container .xq_main .main_body_right .five .downloads{display: flex;justify-content: center;}
    .details_container .xq_main .main_body_right .five .downloads p{color: #455a64;display: block;font-size: 14px;margin-bottom: 15px;text-align: center;}
    .details_container .xq_main .main_body_right .five a.btn{background: #ed5e3e;color: #ffffff;}









    .details_tu{width: 89.333%;margin: 0 auto;overflow: hidden}
    .details_tu .left_modules{overflow: hidden;}
    .details_tu .left_modules .tupian img{width: 100%}
    .details_tu .left_modules .text_list1{margin-bottom: 60px;}
    .details_tu .left_modules .text_list1 h2{text-align: center;font-size: 24px;margin-bottom: 20px;}
    .details_tu .left_modules .text_list1 ul{margin-bottom: 20px;}
    .details_tu .left_modules .text_list1 ul li{position: relative;display: block;margin: 0 auto 6px;text-align: left;width: 100%;padding-left: 18px;}
    .details_tu .left_modules .text_list1 ul li:before{content: '';position: absolute;background: #2196f3;border-radius: 50%;color: #0000;width: 6px;height: 6px;top: 8px;left: 0;}
    .details_tu .left_modules .text_list1 img{max-width:100%;height:auto}

    .details_tu .left_modules .text_list2{margin-bottom: 60px;}
    .details_tu .left_modules .text_list2>h2{font-size: 24px;margin-bottom: 30px;text-align: center}
    .details_tu .left_modules .text_list2 .most .list_middle{display: none;background: #fff;border: 1px solid #eee;border-radius: 3px;padding: 10px;position: absolute;right: 0;z-index: 20;}
    .details_tu .left_modules .text_list2 .most .list_middle span{color: #2196f3;cursor: pointer;display: block;font-size: 14px;}
    .details_tu .left_modules .text_list2 .sort{display: none}
    .details_tu .left_modules .text_list2 .sort>span{display: none}
    .details_tu .left_modules .text_list2 .most button{align-items: center;background: #0000;color: #2196f3;cursor: pointer;display: flex;font-size: 16px;font-weight: 700;padding: 18px 13px;border: 0;letter-spacing: .1em;}
    .details_tu .left_modules .text_list2 .most button .icon-paixu{height: 20px;margin-right: 10px;width: 20px;}
    .details_tu .left_modules .text_list2 .most button:after{content: "";border-bottom: 1px solid;border-right: 1px solid;height: 8px;margin-left: 16px;width: 8px;transform: rotate(45deg);position: relative;top: -3px}
    .details_tu .left_modules .text_list2 .most>span{display: none}
    .details_tu .left_modules .text_list2 .most>span:after{border-bottom: 1px solid;border-right: 1px solid;content: "";display: block;height: 6px;margin-left: 10px;position: absolute;top: 5px;transform: rotate(45deg);width: 6px;right: 3px}

    .details_tu .left_modules .text_list2 .article_list ul li{border: 1px solid #dde3e6;border-radius: 3px;margin-bottom: 20px;}
    .details_tu .left_modules .text_list2 .article_list .all{padding: 20px;position: relative;}
    .details_tu .left_modules .text_list2 .article_list .article_head{margin-bottom: 20px; position: relative;}

    .details_tu .left_modules .text_list2 .article_list .article_head .zz{display: flex;font-size: 14px}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz span{margin-right: 5px;}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz .zuozhe{color: #243238;font-weight: 700;margin-right: 10px;}
    .details_tu .left_modules .text_list2 .article_list .article_head .zz time{color: #546e7a;}
    .details_tu .left_modules .text_list2 .article_list .article_content{color: #243238;font-size: 14px;line-height: 20px;}
    .details_tu .left_modules .text_list2 .article_list .article_footer{display: flex;justify-content: flex-end;}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes{display: flex;}
    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes{align-items: center;background: #0000;color: #546e7a;display: flex;font-size: 14px;line-height: 20px;margin-left: 30px;margin-top: 20px;opacity: .6;}

    .details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes .icon-zan,.details_tu .left_modules .text_list2 .article_list .article_footer .article_votes .votes .icon-cai{height: 20px;margin-right: 10px;width: 20px;}
    .details_tu .left_modules .text_list2 .anniu{margin-top: 40px;}
    .details_tu .left_modules .text_list2 .anniu button{background-color: #00a3ff;margin: auto;color: #ffffff;border: 0;width: 100%}



    .details_tu .left_modules .text_list3{margin-bottom: 60px;}
    .details_tu .left_modules .text_list3 h2{font-size: 24px;margin-bottom: 30px;text-align: center}
    .details_tu .left_modules .text_list3 .text .icon-message:before{height: 20px;margin-right: 10px;width: 20px;color: #2196f3}
    .details_tu .left_modules .text_list3 .text span{font-size: 14px;color: #2196f3}



    .details_tu .left_modules .text_list4{padding-bottom: 40px}
    .details_tu .left_modules .text_list4 h2{margin-bottom: 40px;font-size: 20px;text-align: center;}
    .details_tu .left_modules .text_list4 ul{text-align: center;}
    .details_tu .left_modules .text_list4 ul li{margin-bottom: 10px}
    .details_tu .left_modules .text_list4 ul li a{font-size: 14px;color: #2196f3;}

    .details_tu .right_modules{background: #fff;border-radius: 3px 3px 0 0;padding: 0 0 20px;width: 100%;}
    .details_tu .right_modules .zemez{margin-bottom: 20px}
    .details_tu .right_modules .zemez .zemez_nei{align-items: center;background: #fff;border: 1px solid #d1d8db;border-radius: 3px;display: flex;padding: 20px;flex-wrap: wrap;}
    .details_tu .right_modules .zemez .zemez_nei>img{margin-right: 20px;background-size: cover;border-radius: 50%;box-shadow: inset 0 0 1px 1px #24323826;display:block;height: 50px;width: 50px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming a{font-size: 18px;color: #243238;font-weight: 700;margin-right: 10px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming span{color: #546e7a;font-size: 14px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_ming span{color: #546e7a;font-size: 14px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_data{display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px;margin-top: 25px}
    .details_tu .right_modules .zemez .zemez_nei .nei_data .date{display:flex;align-items: center;background: #e5f4fd;border-radius: 3px;color: #243238;flex-basis: calc(50% - 8px);font-size: 16px;height: 40px;justify-content: center;line-height: 20px;margin-right: 16px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_data .date em{font-style: normal;color: #546e7a;margin-left: 5px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru{display: flex;align-items: center;margin-bottom: 25px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru img{height: 28px;width: 36px;margin-right: 10px}
    .details_tu .right_modules .zemez .zemez_nei .nei_guru span{font-size: 16px;font-weight: 700;color: #243238;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu{display: flex;width:100%;box-sizing: border-box;flex-wrap: wrap;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu a{margin-bottom: 10px;margin-left: 5px;margin-right: 5px;}
    .details_tu .right_modules .zemez .zemez_nei .nei_tu a img{width: 36px;height: 36px}


    .details_tu .right_modules .time{background: #e5f4fd;border-radius: 3px;font-size: 14px;margin-bottom: 20px;padding: 10px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .details_tu .right_modules .time p{color: #243238;margin-right: 20px;}
    .details_tu .right_modules .time p span{color: #546e7a;}


    .details_tu .right_modules .theme_all{border: 1px solid #d1d8db;border-radius: 3px;padding: 20px;}
    .details_tu .right_modules .theme_all .theme{margin-bottom: 20px;}
    .details_tu .right_modules .theme_all .theme h2{color: #243238;font-weight: 700;margin-bottom: 10px;font-size: 16px}
    .details_tu .right_modules .theme_all .theme a{color:#2196f3;margin-bottom: 10px;font-size: 16px;margin-right: 5px}
    .details_tu .right_modules .theme_all .theme a.dian{width: 49%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;position: relative;padding-left: 18px;}
    .details_tu .right_modules .theme_all .theme a.dian:before{content: "";background: #2196f3;border: 1px solid #2196f3;border-radius: 50%;height: 8px;left: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 8px;}




    .detail_page .w100{width: 100%;margin:0 auto;background: #f5f7f8; padding-bottom: 40px;padding-top: 40px;}
    .detail_page .product_list{width: 66.6%;margin:0 auto;}
    .detail_page .plate_container h2{font-size: 24px}
    .detail_page article.product .product_links{display: none;margin-top: 0px;flex-direction: column;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 125px;z-index: 2;}
    .detail_page article.product .product_link{flex: 1;align-items: center;border-radius: 3px;cursor: pointer;display: inline-flex;font-size: 14px;height: 40px;justify-content: center;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;white-space: nowrap;color: #ffffff;}
    .detail_page article.product .product_link:first-of-type{margin-bottom: 15px;}

    .detail_page article.product .product_links .left{background-color: #7a929e;}
    .detail_page article.product .product_links .right{margin-left: 0;background-color: #f9430a;}








    /*悬浮导航*/
    .detail_page .Floating_navigation{display: none;width: 100%;padding: 10px 0;position: fixed;background: #fff;box-shadow: 0 5px 10px rgba(91, 83, 83, 0.07);top: 0;z-index: 99}
    .detail_page .Floating_navigation.on{display: flex}
    .detail_page .Floating_navigation .nav_sole{display: flex;width: 89.33%;margin:0 auto;justify-content: space-between;align-items: center;overflow: hidden;}
    .detail_page .Floating_navigation .nav_sole .sole{width: 100%;overflow: hidden;}
    .detail_page .Floating_navigation .nav_sole .nav_left{display: none;}
    .detail_page .Floating_navigation .nav_sole .right{display: flex;}
    .detail_page .Floating_navigation .nav_sole .right a{width: 100%;font-weight: 500;color: #ffffff}
    .detail_page .Floating_navigation .nav_sole .right a.an{background:#00a3ff;width: 230px}
    .detail_page .Floating_navigation .nav_sole .right a.left{background: #1ab744;width: 230px;margin-left: 20px;}
    .detail_page .Floating_navigation .nav_sole .right .icon-gouwuchekong:before{color: #ffffff;margin-right: 5px}
    .detail_page .Floating_navigation .nav_sole .right .icon-yanjing:before{color: #ffffff;margin-right: 5px}

}

/*单页面*/
@media all and (min-width: 980px){
    .single_page{padding-top: 20px;background: #ffffff;margin:0 auto;width: 100%}
    .w583{width: 58.333%;margin:0 auto}
    .single_page .breadcrumbs a img{width: 25px;height: 25px;margin-bottom: 20px;}
    .single_page h1{font-size: 30px;text-align: center;margin-bottom: 30px;}
    .single_page .Page_article{color: #243238}
    .single_page .Page_article h4{margin-bottom: 10px;font-size: 18px}
    .single_page .Page_article h6{margin-bottom: 15px;margin-top: 10px;font-size: 14px}
    .single_page .Page_article span{margin-bottom: 10px;display: block}
    .single_page .Page_article p{margin-bottom: 22px;display: block;font-size: 14px;line-height: 22px}
    .single_page .Page_article a{color: rgb(33, 150, 243);cursor: pointer;margin: 10px 0px 15px;font-weight: 700;font-size: 14px;margin-bottom: 18px;display: block}
    .single_page .Page_article ul{}
    .single_page .Page_article ul li{box-sizing: border-box;font-size: 14px;line-height: 20px;padding: 0px 0px 15px 20px;position: relative;}
    .single_page .Page_article ul li:before{content: "";background: #2196f3;border-radius: 50%;color: #0000;height: 6px;top: 8px;width: 6px;position: absolute;left: 0}

}
@media all and (max-width: 980px){
    .single_page{padding-top: 20px;background: #ffffff;margin:0 auto;width: 100%}
    .w583{width: 89.333%;margin:0 auto}
    .single_page .breadcrumbs a img{width: 25px;height: 25px;margin-bottom: 20px;}
    .single_page h1{font-size: 24px;text-align: center;margin-bottom: 30px;}
    .single_page .Page_article{color: #243238}
    .single_page .Page_article h4{margin-bottom: 10px;font-size: 18px}
    .single_page .Page_article h6{margin-bottom: 15px;margin-top: 10px;font-size: 14px}
    .single_page .Page_article span{margin-bottom: 10px;display: block}
    .single_page .Page_article p{margin-bottom: 22px;display: block;font-size: 16px;line-height: 22px}
    .single_page .Page_article a{color: rgb(33, 150, 243);cursor: pointer;margin: 10px 0px 15px;font-weight: 700;font-size: 14px;margin-bottom: 18px;display: block}
    .single_page .Page_article ul{}
    .single_page .Page_article ul li{box-sizing: border-box;font-size: 14px;line-height: 20px;padding: 0px 0px 15px 20px;position: relative;}
    .single_page .Page_article ul li:before{content: "";background: #2196f3;border-radius: 50%;color: #0000;height: 6px;top: 8px;width: 6px;position: absolute;left: 0}

}


/*change by hanye 0114
增加右下悬浮
*/
    .fixed_float{position: relative;z-index:200}
    .fixed_float .float_right_body{position: fixed;right: 0;bottom:200px;}
    .fixed_float .float_right_body .tel,
    .fixed_float .float_right_body .wx{position: relative}
    .fixed_float .float_right_body .block{background-color: #3bb8ff;border-radius:10px;width: 80px;padding: 8px 0;cursor:pointer;z-index: 60;position: relative}
    .fixed_float .float_right_body .tel:hover .block,
    .fixed_float .float_right_body .wx:hover .block{background-color: #0f4b6d;}
    .fixed_float .float_right_body .block img{width: 50px;margin: 0 auto}
    .fixed_float .float_right_body .block p{font-size: 14px;color:#fff;text-align: center}
    .fixed_float .float_right_body .list>div{margin-top: 2px}
    .fixed_float .float_right_body .position{position: absolute;top: 0;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 20px;right: calc(-100% - 40px);z-index: 50;transition: all .5s;opacity: 0;border-radius: 10px}
    .fixed_float .float_right_body .position h4{white-space: nowrap}
    .fixed_float .float_right_body .tel h4{color: #3bb8ff}
    .fixed_float .float_right_body .tel .position p{font-size: 22px;white-space: nowrap;font-weight: bold;}
    .fixed_float .float_right_body .tel:hover .position{right: 100%;opacity: 1}
    .fixed_float .float_right_body .wx .position{top: 50%;transform: translate(0,-50%)}
    .fixed_float .float_right_body .wx:hover .position{right: 100%;opacity: 1}
    .fixed_float .float_right_body .wx .position img{width: 120px;}





.body_after{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 99;display: none;}
.body_after.current{display: block}

/* 登录界面样式 */
.public_login{position: fixed;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);width: 39.323%;min-width: 755px;display: none;background: transparent}
.public_login.current{display: block;}
.public_login .check_out{position: relative;}
.public_login .module{position: relative;width: 100%;}
.public_login .outside{overflow: hidden;border-radius: 16px;width: 100%;background-color: #ffffff;}
.public_login .login{display: flex;overflow: hidden;border-radius: 16px;width: 100%;}
.public_login .module .close{position: absolute;top: 0;left: -40px;width: 24px;height: 24px;z-index: 10;cursor: pointer;}
.public_login .module .close i{font-size:36px;color: #fff}
.public_login .login .c_img{width: 36.026%;}
.public_login .login .login_f{width: 65.695%;display: flex;justify-content: center;position: relative;flex-direction: column;align-items: center}
.public_login .login .login_f form{width: 63.306%;}
.public_login .login .c_img img{width: 100%;}
.public_login .login .code_user{display: flex;align-items: center;justify-content: center;margin: 57px 0;}
.public_login .login .code_user i{margin-right: 8px;}
.public_login .login .code_user.register{margin: 17px 0}
.public_login .login .code_user img{width: 22px;height: 22px;}
.public_login .login .code_user h1{font-size: 20px;color: #333333;}
.public_login .login .account .list{position: relative;margin-bottom: 24px;}
.public_login .login .account .list img{position: absolute;top: 50%;left: 14px;transform: translateY(-50%);width: 22px;height: 22px;}
.public_login .login .account .list i{position: absolute;top: 50%;left: 14px;transform: translateY(-50%);}
.public_login .login .account .list input{padding: 11px 0 11px 42px;font-size: 12px;border: 1px solid #e3e3e3;border-radius: 3px;width: 100%;box-sizing: border-box;transition: all .5s}
.public_login .login .account .list input:focus{border-color: #3bb8ff}
.public_login .login .account .list_btn{text-align: right;}
.public_login .login .account .list_btn button{width: 100%;text-align: center;padding: 11px 0;border: none;color: #ffffff;background-color: #3bb8ff;border-radius: 3px;margin-bottom: 23px;cursor: pointer;}
.public_login .login .account .list_btn button.disabled-button{opacity: 0.5;cursor: not-allowed;}
.public_login .login .account .list_btn .small{display: flex;justify-content: space-between}
.public_login .login .account .list_btn .small .creatApp{display: flex;justify-content: space-between}
.public_login .login .account .list_btn .small .creatApp *{font-size: 12px;}
.public_login .login .account .list_btn .small .creatApp p{font-weight: bold;}
.public_login .login .account .list_btn .small .creatApp span{padding-left: 5px;color: #c0c0c0;cursor: pointer}
.public_login .login .account .list_btn a{font-size: 12px;color: #c0c0c0;}
.public_login .login .account .list_btn .change{display: flex;justify-content: space-between;}
.public_login .login .account .list_btn label{font-size: 14px;cursor: pointer;}
.public_login .login .account .list i{opacity: .6}
.public_login .login .login_f .register{display: flex;justify-content: center;align-items: center;margin-top: 45px;}
.public_login .card-front .register i.icon-qq{color: #19a9f1}
.public_login .card-front .register i.icon-weixin{color: #3bb8ff}
.public_login .login .login_f .register a{width: 44px;height: 44px;background-color: #f5f5f5;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.public_login .login .login_f .register a:first-child{margin-right: 28px;}
.public_login .login .login_f .register img{width: 22px;height: 22px;}
.public_login .login .login_f .agreement{font-size: 12px;background-color: #fafafa;color: #9b9b9b;display: flex;align-items: center;padding: 9px 24px;width: 100%;box-sizing: border-box;margin-top: auto;}
.public_login .login .login_f .agreement input{margin-right: 5px;}

.checkbox.final{position:absolute;left:-9999px}
.checkbox:checked + label:before{transform:translateX(44px) rotate(-270deg)}
.public_login .card-3d-wrap{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;max-width:100%;height:400px;}
.public_login .card-3d-wrapper{transform-style: preserve-3d;transition: all 600ms ease-out;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;}
.public_login .card-3d-wrapper .card-front,.public_login .card-3d-wrapper .card-back{width:100%;height:100%;position:absolute;border-radius:6px;left:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background-position:bottom center;background-repeat:no-repeat;background-size:300%;}
.public_login .card-3d-wrapper .card-back{transform:rotateY(180deg)}
.checkbox:checked ~ .card-3d-wrap .card-3d-wrapper{transform:rotateY(180deg)}




/*会员*/

.user_main{border-bottom: 1px solid rgba(53, 71, 90, .2);}
.account_one{width: 78.125%;margin: 0 auto 50px;min-width: 1500px;display: flex;justify-content: space-between;background-color: unset;}
.account_one .left{width: 16.667%;margin-top: -87px;}
.account_one .right{width: 80%;padding-top: 40px;}
.account_one .left .top{background-image: url('../img/022.png');padding-top: 7px;background-size: cover}
.account_one .left .top img{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;}
.account_one .left .list{margin-bottom: 20px;filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));}
/*.account_one .left .list{filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));}*/
.account_one .left .list .center{text-align: center;padding: 20px 0;background-color: #ffffff;}
.account_one .left .list h4{margin-bottom: 20px;font-size: 20px;color: #4a4a4a;white-space: nowrap;font-weight: normal}
.account_one .left .list .center p{margin-bottom: 20px;color: #a5a5a5}
.account_one .left .list .center span{font-size: 14px;color: #a5a5a5;}
.account_one .left .list .bottom{padding: 20px 24px;border-top: 1px solid #f0f0f0;background-color: #ffffff;}
.account_one .left .list .bottom p{color: #4a4a4a;font-size: 14px;text-align: center}
.account_one .left .list .bottom p.vip{color: red;font-size: 20px;font-weight: bold;}
.account_one .left .list .bottom span{text-align: center;display:block;padding: 10px 0;font-size: 14px;}
.account_one .left .list .bottom a{display: block;line-height: 32px;color: #fff;text-align: center;background-color: #3bb8ff;margin-top: 12px;border-radius: 30px;font-size: 14px;}
.account_one .left .item{padding: 20px 0 20px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.account_one .left .item ul li{border-left: 4px solid transparent}
.account_one .left .item ul li a{font-size: 16px;line-height: 45px;padding-left: 40px;color: #4a4a4a;display: block}
.account_one .left .item ul li.active{border-left-color: #3bb8ff}
.account_one .left .item ul li:hover{background-color: #fafafa;}
.account_one .left .item ul li:hover a{color: #3bb8ff;}

.account_one .right .top a{font-size: 16px;color: #333333;font-weight: bolder}
.account_one .right .center{width: 73.333%;margin: 0 auto;}
.account_one .right .center .inner{display: flex;justify-content: space-between;}
.account_one .right .center ul{width: 45.455%}
.account_one .right .center ul li{display: flex;margin-top: 40px;align-items: center;color: #888888}
.account_one .right .center label{width: 85px;font-size: 14px;color: #888888;}
.account_one .right .center ul li .inner_in{flex: 1;display: flex;}
.account_one .right .center ul li .inner_in .item{margin-right: 85px;font-size: 14px}
.account_one .right .center ul li .inner_in a{display: block;width: 70px;height: 45px;line-height: 45px;text-align: center;color: #fff;background-color: #3bb8ff;vertical-align: middle;margin-left: 16px;}
.account_one .right .center ul input[type="text"],.account_one .right .center ul select{width: 100%;border: 1px solid #EEEEEE;height: 45px;padding-left: 10px;font-size: 16px;color: #4A4A4A;}
.account_one .right .center ul select:focus{border-color: #EEEEEE;}
.account_one .right .center ul textarea{display: inline-block;width: 100%;height: 137px;border: 1px solid #e5e6e7;resize: none;text-indent: 10px;vertical-align: text-top;font-size: 14px;color: #4A4A4A;}


.account_one .right .center .btn{margin-top: 50px;text-align: center;}
.account_one .right .center .btn input{width: 120px;height: 46px;color: #fff;background-color: #3bb8ff;font-size: 16px;line-height: 46px;border-radius: 23px;text-align: center;border: none;cursor: pointer;}
.account_one .right .resources{display: grid;grid-template-columns: repeat(4,23.333%);justify-content: space-between;grid-row-gap: 20px;margin-top: 50px;}
.account_one .right .resources a{border: 1px solid #eeeeee}
.account_one .right .resources a .c_img{padding: 10px;border-bottom: 1px solid #eeeeee}
.account_one .right .resources a .c_img img{width: 100%}
.account_one .right .resources a .text_re{padding: 23px 10px;}
.account_one .right .resources a p{font-size: 15px;color: #333333;-webkit-line-clamp: 1}

.account_one .right .member{margin-top: 40px;display: grid;grid-template-columns: repeat(4,23.5%);justify-content: space-between;padding: 0 20px;}
.account_one .right .member .list{box-shadow: 8px 8px 40px 0 #0000000F;border-radius: 16px;text-align: center;padding: 20px 0;}
.account_one .right .member .list>*{margin-bottom: 10px;}
.account_one .right .member .list h3{font-size: 20px;color: #3a3a3a;font-weight: normal;}
.account_one .right .member .list span{font-size: 14px;color: #888888;}
.account_one .right .member .list p{font-size: 12px;color: #333333;margin-top: 10px;}
.account_one .right .member .list a{display: block;background: #3bb8ff;color: #ffffff;font-size: 14px;height: 40px;border-radius: 23px;padding: 0 25px 0 25px;line-height: 40px;width: 106px;text-align: center;margin: 50px auto 0;}
.account_one .right .recharge{width: 86.667%;margin: 40px auto 0;}
/*.account_one .right .recharge */
.account_one .right .recharge .charge{width: 83.269%;margin: 0 auto;display: grid;align-items: center;justify-content: space-between;padding: 59px 0;grid-template-columns: repeat(4,23.557%);grid-row-gap: 15px;}
.account_one .right .recharge .integral{font-size: 17px;color: #555555}
.account_one .right .recharge .list{padding: 30px 0 48px;border: 1px solid #e8e8e8;text-align: center;cursor: pointer;border-radius: 4px;}
.account_one .right .recharge .list.active{border-color: #ffd600;background-color: #fffbeb;}
.account_one .right .recharge .list p{font-size: 20px;margin-bottom: 19px;}
.account_one .right .recharge .money{font-size: 12px;color: #555555;margin-top: 20px;}
.account_one .right .recharge .price span{font-size: 14px;color: #b8b8b8;text-decoration: line-through;}
.account_one .right .recharge .price span:first-child{font-size: 30px;font-weight: bolder;color: #ffb800;text-decoration: none}
.account_one .right .recharge .integral .form_in{padding: 40px 0;}
.account_one .right .recharge .integral .form_in input{width: 100%;box-sizing: border-box;padding: 20px 10px;background-color: #f8f8f8;border: 1px solid #f1f1f1;font-size: 14px;color: #000000;}
.account_one .right .recharge .integral .form_btn input{padding: 11px 0;width: 96px;text-align: center;background-color: #3bb8ff;color: #ffffff;font-size:12px;border: none;border-radius: 3px;display: block;margin: 0 auto;}



/*充值*/

.chargeBox .tit{width: 60%;background-color: #3bb8ff;margin: 50px auto 0;padding: 15px}
.chargeBox .tit h2{color: #fff;text-align: center}
.chargeBox .dec p{color: #fff;line-height: 30px}
.chargeBox .dec p.red{font-weight: bold;}
.chargeBox .money{display: flex;margin-top: 50px;align-items: center;}
.chargeBox .money span{font-weight: bold;margin: 0 10px;}

.chargeBox form{margin-top: 20px;}
.chargeBox form input[type="text"]{width: 60%;line-height: 35px;padding: 0 10px}
.chargeBox form input[type="submit"]{width: 100px;height: 35px;background-color: #3bb8ff;border: 0;color: #fff;cursor: pointer}



.details_tu .right_modules .zemez .zemez_nei .nei_tu .icon,
.details_tu .right_modules .zemez .zemez_nei .nei_tu i{font-size: 35px;}
.details_tu .right_modules .zemez .zemez_nei .nei_tu i{color: #0d559e;}
.details_tu .right_modules .zemez .zemez_nei .nei_tu .icon{margin-left: 8px;}

body.lg-on {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

.text_list1 ol,
.text_list1 li{list-style: decimal; /*padding-left: 2em;*/}
.text_list1 ol{padding-left: 2rem;}
.details_tu .left_modules .text_list1 li{display: list-item}

.pageLayer{margin: 60px 0 100px;}
.pageListBox ul{align-items: center}
.pageListBox ul li{margin: 0 5px}
.pageListBox ul li a{width: 40px;height: 40px;border-radius: 50%;color: #00a3ff;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.pageListBox ul li.active a{background-color: #00a3ff;color: white;}

.pageListBox ul li i{font-weight: bold;}
.pageListBox ul li.arrow{border:2px solid rgba(53, 71, 90, .2);width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-sizing: border-box}
.pageListBox ul li.arrow.prev{transform: rotateZ(90deg)}
.pageListBox ul li.arrow.next{transform: rotateZ(-90deg)}
.pageListBox .pagelist_total a{white-space: nowrap}

@media (max-width: 1700px) {
    article.product .product_info .product_info_line .left{height: 17px;width: 85px;background-size:15px}
}
section.bg_white{background-color: #fff;}
.fixed_float .float_right_body .block p {font-size: 14px;color: #fff;text-align: center;margin-bottom: 0;}
.fixed_float .float_right_body .tel h4{font-size: 16px;margin-bottom: 0;}
.fixed_float .float_right_body .tel .position p{margin-bottom: 0;}